Update src/app/styles/variables.css

src/app/page.tsx

@@ -8,7 +8,8 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#home"},
-          id: "#home",
-        },
         {
-          name: "Our History",
+          name: "Our History",          id: "#history"},
-          id: "#history",
-        },
         {
-          name: "Culinary Pillars",
+          name: "Culinary Pillars",          id: "#menu"},
-          id: "#menu",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Blue Nile"
     />
@@ -52,63 +45,40 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="The Iranian Legacy of Pune"
       description="Established in the 1930s, Blue Nile stands as an unchanged landmark on Bund Garden Road, serving legendary Irani-Mughlai cuisine to generations."
       buttons={[
         {
-          text: "Explore History",
+          text: "Explore History",          href: "#history"},
-          href: "#history",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg"
       imageAlt="Slow-roasting Tandoori kebabs over open charcoal"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",
+          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",          alt: "Patron 1"},
-          alt: "Patron 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",
+          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",          alt: "Patron 2"},
-          alt: "Patron 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",
+          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",          alt: "Patron 3"},
-          alt: "Patron 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",
+          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",          alt: "Patron 4"},
-          alt: "Patron 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",
+          src: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",          alt: "Patron 5"},
-          alt: "Patron 5",
-        },
       ]}
       avatarText="Trusted by generations of Pune foodies"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Since 1930"},
-          text: "Since 1930",
-        },
         {
-          type: "text",
+          type: "text",          text: "Authentic Irani-Mughlai"},
-          text: "Authentic Irani-Mughlai",
-        },
         {
-          type: "text",
+          type: "text",          text: "Bund Garden Road"},
-          text: "Bund Garden Road",
-        },
         {
-          type: "text",
+          type: "text",          text: "Timeless Flavors"},
-          text: "Timeless Flavors",
-        },
         {
-          type: "text",
+          type: "text",          text: "Legendary Status"},
-          text: "Legendary Status",
-        },
       ]}
     />
   </div>
@@ -120,17 +90,11 @@ export default function LandingPage() {
       description="Founded by Ali Akbar Mashallah, our institution has survived the tides of time, remaining a steadfast sanctuary for those seeking authentic, slow-cooked Mughlai tradition. The Mashallah and Jaffri families continue to preserve the essence of a truly classic Irani cafe."
       metrics={[
         {
-          value: "90+",
+          value: "90+",          title: "Years of Heritage"},
-          title: "Years of Heritage",
-        },
         {
-          value: "2",
+          value: "2",          title: "Generations Preserving"},
-          title: "Generations Preserving",
-        },
         {
-          value: "60k+",
+          value: "60k+",          title: "Meals Served"},
-          title: "Meals Served",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/la-major-cathedral-marseille_268835-14201.jpg"
       imageAlt="Vintage Irani cafe architecture"
@@ -145,23 +109,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Irani-style Biryani",
+          title: "Irani-style Biryani",          description: "Tender meat, aromatic long-grain basmati. The crown jewel of Pune.",          imageSrc: "http://img.b2bpic.net/free-photo/rice-spices-composition_23-2147894757.jpg",          imageAlt: "Biryani"},
-          description: "Tender meat, aromatic long-grain basmati. The crown jewel of Pune.",
-          imageSrc: "http://img.b2bpic.net/free-photo/rice-spices-composition_23-2147894757.jpg",
-          imageAlt: "Biryani",
-        },
         {
-          title: "Chelo Kebab",
+          title: "Chelo Kebab",          description: "Marinated meat served atop buttered rice with a traditional raw egg yolk.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-food-assortment_23-2149598945.jpg",          imageAlt: "Chelo Kebab"},
-          description: "Marinated meat served atop buttered rice with a traditional raw egg yolk.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-food-assortment_23-2149598945.jpg",
-          imageAlt: "Chelo Kebab",
-        },
         {
-          title: "Caramel Custard",
+          title: "Caramel Custard",          description: "The wobbly, melt-in-the-mouth finale every patron expects.",          imageSrc: "http://img.b2bpic.net/free-photo/dessert-creme-brulee-with-figs-currants-orange-tray-light-stone-background-autumn-composition_127032-2650.jpg",          imageAlt: "Caramel Custard"},
-          description: "The wobbly, melt-in-the-mouth finale every patron expects.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dessert-creme-brulee-with-figs-currants-orange-tray-light-stone-background-autumn-composition_127032-2650.jpg",
-          imageAlt: "Caramel Custard",
-        },
       ]}
       title="Culinary Pillars"
       description="Experience flavors perfected over six decades of uncompromised slow-cooking."
@@ -169,23 +121,30 @@ export default function LandingPage() {
   </div>
 
   <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
+      <TestimonialCardThirteen
       textboxLayout="default"
       useInvertedBackground={false}
       title="A Legacy of Love"
       description="Generations of families share their stories of dining at Blue Nile."
-      names={[
+      showRating={true}
-        "Pune Times",
+      animationType="depth-3d"
-        "Indian Express",
+      testimonials={[
-        "Outlook Traveller",
+        {
-        "Times Food Guide",
+          id: "1",          name: "Suresh K.",          handle: "@sureshpune",          testimonial: "The Biryani here is unchanged since my childhood. Simply the best in Pune.",          rating: 5,
-        "CNN Travel",
+          icon: Star
+        },
+        {
+          id: "2",          name: "Anita D.",          handle: "@anita_dining",          testimonial: "Caramel custard that melts in your mouth! Always a classic visit.",          rating: 5,
+          icon: Star
+        },
+        {
+          id: "3",          name: "Rahul V.",          handle: "@rahul_eats",          testimonial: "Iconic institution. The Chelo Kebab is unmatched. Highly recommended.",          rating: 5,
+          icon: Star
+        }
       ]}
       buttons={[
         {
-          text: "Read Reviews",
+          text: "View All Reviews",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -194,14 +153,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       text="Join the heritage. Visit us at Bund Garden Road, Camp, Pune."
       buttons={[
         {
-          text: "Get Directions",
+          text: "Get Directions",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -210,25 +166,17 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Visit Us",
+          title: "Visit Us",          items: [
-          items: [
             {
-              label: "Bund Garden Road, Camp, Pune",
+              label: "Bund Garden Road, Camp, Pune",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legacy",
+          title: "Legacy",          items: [
-          items: [
             {
-              label: "History",
+              label: "History",              href: "#history"},
-              href: "#history",
-            },
             {
-              label: "Culinary Traditions",
+              label: "Culinary Traditions",              href: "#menu"},
-              href: "#menu",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
+  --background: #f0f8ff;
-  --card: #efe7dd;
+  --card: #e0efff;
-  --foreground: #2b180a;
+  --foreground: #001f3f;
-  --primary-cta: #2b180a;
+  --primary-cta: #15479c;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
+  --accent: #6ca6e8;
-  --background-accent: #afa094;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);