Update src/app/page.tsx

Update src/app/globals.css
2025-12-22 12:17:26 +00:00 · 2025-12-22 12:17:25 +00:00 · 2025-12-22 12:10:05 +00:00 · 2025-12-22 12:10:04 +00:00 · 2025-12-22 12:10:04 +00:00 · 2025-12-22 11:56:18 +00:00
3 changed files with 23 additions and 24 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,13 +4,13 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  --background: #fffcfa;;
-  --card: #fffaf7;;
-  --foreground: #220a00;;
-  --primary-cta: #e8590c;;
-  --secondary-cta: #ffffff;;
-  --accent: #ff8c42;;
-  --background-accent: #e8590c;;
+  --background: #fefef5;
+  --card: #fdfdf0;
+  --foreground: #1a1a00;
+  --primary-cta: #ffcf40;
+  --secondary-cta: #ffffff;
+  --accent: #facc15;
+  --background-accent: #ffbf00;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-work-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-work-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,13 @@
 import type { Metadata } from "next";
-import { Work_Sans } from "next/font/google";
+import { Cormorant_Garamond } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const workSans = Work_Sans({
-  variable: "--font-work-sans",
+const cormorantGaramond = Cormorant_Garamond({
+  variable: "--font-cormorant-garamond",
  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
 });

 export const metadata: Metadata = {
@@ -39,7 +40,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${workSans.variable} antialiased`}
+          className={`${cormorantGaramond.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 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 ContactText from '@/components/sections/contact/ContactText';
 import FooterSocial from '@/components/sections/footer/FooterSocial';
-import { Flame, Instagram, Facebook } from "lucide-react";
+import { Flame, Instagram } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -18,7 +18,7 @@ export default function LandingPage() {
      borderRadius="pill"
      contentWidth="large"
      sizing="largeSizeExtraLargeSpacing"
-      background="dotGrid"
+      background="aurora"
      cardStyle="shadow-colored"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
@@ -56,11 +56,10 @@ export default function LandingPage() {
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
-            { type: "text", content: "Crafted Excellence" },
-            { 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." }
+            { 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." }
          ]}
          buttons={[
-            { text: "Our Story", href: "#" }
+            { text: "Our Story", href: "#", props: { bgClassName: "bg-blue-600 hover:bg-blue-700" } }
          ]}
          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: 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: 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"
          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",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399071735-aq7lptqc.jpg",
              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"
            },
            {
@@ -168,7 +167,7 @@ export default function LandingPage() {
      
      <div id="contact" data-section="contact">
        <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"
          buttons={[
            { text: "Reserve Table", href: "#" },
@@ -208,8 +207,7 @@ export default function LandingPage() {
            }
          ]}
          socialLinks={[
-            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
-            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
+            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" }
          ]}
          copyrightText="© Steak & Fire Restaurant, 2025. All rights reserved."
        />
Author	SHA1	Message	Date
development	533cf9b942	Update src/app/page.tsx	2025-12-22 12:17:26 +00:00
development	67463bd44e	Update src/app/globals.css	2025-12-22 12:17:25 +00:00
development	6328e94328	Update src/app/page.tsx	2025-12-22 12:10:05 +00:00
development	fe535f0337	Update src/app/layout.tsx	2025-12-22 12:10:04 +00:00
development	2ebe7452ed	Update src/app/globals.css	2025-12-22 12:10:04 +00:00
development	1a92c18e0a	Update src/app/page.tsx	2025-12-22 11:56:18 +00:00
development	9a654a87e4	Update src/app/page.tsx	2025-12-22 11:53:28 +00:00
development	fabcbfaf9f	Update src/app/page.tsx	2025-12-22 11:30:47 +00:00