9 Commits

Author SHA1 Message Date
533cf9b942 Update src/app/page.tsx 2025-12-22 12:17:26 +00:00
67463bd44e Update src/app/globals.css 2025-12-22 12:17:25 +00:00
6328e94328 Update src/app/page.tsx 2025-12-22 12:10:05 +00:00
fe535f0337 Update src/app/layout.tsx 2025-12-22 12:10:04 +00:00
2ebe7452ed Update src/app/globals.css 2025-12-22 12:10:04 +00:00
1a92c18e0a Update src/app/page.tsx 2025-12-22 11:56:18 +00:00
9a654a87e4 Update src/app/page.tsx 2025-12-22 11:53:28 +00:00
fabcbfaf9f Update src/app/page.tsx 2025-12-22 11:30:47 +00:00
7090d0494e Update src/app/page.tsx 2025-12-22 11:28:18 +00:00
3 changed files with 24 additions and 25 deletions

View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #fffcfa;; --background: #fefef5;
--card: #fffaf7;; --card: #fdfdf0;
--foreground: #220a00;; --foreground: #1a1a00;
--primary-cta: #e8590c;; --primary-cta: #ffcf40;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;
--accent: #ff8c42;; --accent: #facc15;
--background-accent: #e8590c;; --background-accent: #ffbf00;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-work-sans), sans-serif; font-family: var(--font-inter-tight), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-work-sans), sans-serif; font-family: var(--font-inter-tight), sans-serif;
} }

View File

@@ -1,12 +1,13 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Work_Sans } from "next/font/google"; import { Cormorant_Garamond } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const workSans = Work_Sans({ const cormorantGaramond = Cormorant_Garamond({
variable: "--font-work-sans", variable: "--font-cormorant-garamond",
subsets: ["latin"], subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
@@ -39,7 +40,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${workSans.variable} antialiased`} className={`${cormorantGaramond.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

View File

@@ -1,4 +1,4 @@
"use client" "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -8,7 +8,7 @@ import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FooterSocial from '@/components/sections/footer/FooterSocial'; import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Flame, Instagram, Facebook } from "lucide-react"; import { Flame, Instagram } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -18,7 +18,7 @@ export default function LandingPage() {
borderRadius="pill" borderRadius="pill"
contentWidth="large" contentWidth="large"
sizing="largeSizeExtraLargeSpacing" sizing="largeSizeExtraLargeSpacing"
background="dotGrid" background="aurora"
cardStyle="shadow-colored" cardStyle="shadow-colored"
primaryButtonStyle="flat" primaryButtonStyle="flat"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
@@ -47,7 +47,7 @@ export default function LandingPage() {
layoutOrder="default" layoutOrder="default"
splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg" splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg"
splitImageAlt="Premium grilled steak" splitImageAlt="Premium grilled steak"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402519971-7oehke6v.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402895294-kbbq7otk.jpg"
imageAlt="Fine dining steakhouse atmosphere" imageAlt="Fine dining steakhouse atmosphere"
frameStyle="card" frameStyle="card"
/> />
@@ -56,11 +56,10 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
heading={[ heading={[
{ type: "text", content: "Crafted Excellence" }, { type: "text", content: "Crafted Excellence meets timeless tradition at Steak & Fire. We believe in sourcing the finest beef, aging it to perfection, and grilling it with passion. Our heritage spans over two decades of dedicated service." }
{ type: "text", content: "meets timeless tradition at Steak & Fire. We believe in sourcing the finest beef, aging it to perfection, and grilling it with passion." }
]} ]}
buttons={[ buttons={[
{ text: "Our Story", href: "#" } { text: "Our Story", href: "#", props: { bgClassName: "bg-blue-600 hover:bg-blue-700" } }
]} ]}
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
@@ -72,7 +71,7 @@ export default function LandingPage() {
{ id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402516921-vpmy34lv.jpg", imageAlt: "Signature premium steak" }, { id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402516921-vpmy34lv.jpg", imageAlt: "Signature premium steak" },
{ id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg", imageAlt: "Grilled ribs" }, { id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg", imageAlt: "Grilled ribs" },
{ id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402518744-cskcaoc8.jpg", imageAlt: "Gourmet side dishes" }, { id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402518744-cskcaoc8.jpg", imageAlt: "Gourmet side dishes" },
{ id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402521000-vuzcff47.jpg", imageAlt: "Wine pairings" } { id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403043544-zy98pt2q.jpg", imageAlt: "Wine pairings" }
]} ]}
title="Signature Selections" title="Signature Selections"
description="Experience our carefully curated menu featuring prime cuts aged to perfection, complemented by house specialties and an exceptional wine collection." description="Experience our carefully curated menu featuring prime cuts aged to perfection, complemented by house specialties and an exceptional wine collection."
@@ -143,7 +142,7 @@ export default function LandingPage() {
tag: "Wine Pairing", tag: "Wine Pairing",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399071735-aq7lptqc.jpg", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399071735-aq7lptqc.jpg",
avatarAlt: "Robert Jackson", avatarAlt: "Robert Jackson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402521000-vuzcff47.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403043842-08p3g3gu.jpg",
imageAlt: "Wine glass" imageAlt: "Wine glass"
}, },
{ {
@@ -168,7 +167,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
text="Ready to experience the finest steakhouse dining? Reserve your table today and join us for an unforgettable evening of premium cuts and exceptional service." text="Send message for us for reserve table for your party"
animationType="entrance-slide" animationType="entrance-slide"
buttons={[ buttons={[
{ text: "Reserve Table", href: "#" }, { text: "Reserve Table", href: "#" },
@@ -208,8 +207,7 @@ export default function LandingPage() {
} }
]} ]}
socialLinks={[ socialLinks={[
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" }, { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" }
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
]} ]}
copyrightText="© Steak & Fire Restaurant, 2025. All rights reserved." copyrightText="© Steak & Fire Restaurant, 2025. All rights reserved."
/> />