11 Commits

Author SHA1 Message Date
4250296300 Update src/app/page.tsx 2025-12-22 12:24:22 +00:00
12755c736b Update src/app/globals.css 2025-12-22 12:24:22 +00:00
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 25 additions and 26 deletions

View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #fffcfa;; --background: #1a0a0a;
--card: #fffaf7;; --card: #2a1414;
--foreground: #220a00;; --foreground: #ffffff;
--primary-cta: #e8590c;; --primary-cta: #cc0000;
--secondary-cta: #ffffff;; --secondary-cta: #2a1414;
--accent: #ff8c42;; --accent: #ff3333;
--background-accent: #e8590c;; --background-accent: #660000;
/* 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: "About Us", href: "#", props: { bgClassName: "bg-blue-600 hover:bg-blue-700" } }
]} ]}
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
@@ -72,10 +71,10 @@ 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="Discover our meticulously crafted signature selections, featuring premium cuts aged to absolute perfection. Each dish represents our culinary mastery, blending traditional steakhouse excellence with innovative preparation techniques. Our cuts are sourced from the finest suppliers, hand-selected for marbling and quality, then dry-aged to enhance flavor complexity. Complemented by seasonal sides and paired with our world-class wine collection, every plate tells a story of dedication to the craft."
tag="Premium Offerings" tag="Premium Offerings"
tagIcon={Flame} tagIcon={Flame}
textboxLayout="default" textboxLayout="default"
@@ -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."
/> />