src/app/page.tsx

@@ -12,20 +12,20 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Camera, Coffee, Heart, Smile, Users, Wifi } from "lucide-react";
+import { Camera, Coffee, Heart, Smile, Users, Wifi, MapPin, Phone, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
+        borderRadius="pill"
+        contentWidth="medium"
         sizing="large"
-        background="noise"
-        cardStyle="glass-depth"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
@@ -54,7 +54,7 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       tag="Our Story"
       title="Brewing Conversations & Connections"
       description="Love Over Coffee is more than just a café; it's a sanctuary in Vaishali where modern aesthetics meet comfort. We believe every cup of coffee tells a story, and every visit creates a memory."
@@ -89,7 +89,7 @@ export default function LandingPage() {
       <FeatureBento
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         {
           title: "Instagrammable Interiors",          description: "Beautifully designed spaces for your photos.",          bentoComponent: "reveal-icon",          icon: Camera
@@ -126,7 +126,7 @@ export default function LandingPage() {
       <MetricCardThree
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       metrics={[
         { id: "m1", icon: Coffee, title: "Cups Brewed", value: "50k+" },
         { id: "m2", icon: Heart, title: "Happy Guests", value: "20k+" },
@@ -149,13 +149,13 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{ variant: "gradient-bars" }}
       tag="Reserve Today"
-      title="Book Your Spot"
-      description="Spaces fill up fast! Reserve your table and enjoy the finest coffee in Vaishali."
+      title="Experience Luxury"
+      description="Visit our cafe in Vaishali or reach out to us for events and reservations."
       buttonText="Reserve Now"
-      imageSrc="http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuFndnyq9TodRPYO57mUa2kXZa/uploaded-1777228670429-hxmqvfj4.png"
       imageAlt="Cozy cafe interior for booking"
       mediaAnimation="blur-reveal"
     />
@@ -166,6 +166,7 @@ export default function LandingPage() {
       logoText="Love Over Coffee"
       columns={[
         { title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }] },
+        { title: "Reach Us", items: [{ label: "123, Vaishali, Jaipur", href: "#" }, { label: "+91 98765 43210", href: "tel:+919876543210" }, { label: "hello@loc.com", href: "mailto:hello@loc.com" }] },
         { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
       ]}
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #fbf9f6;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #c6a664;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f1eee9;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #c6a664;
+  --background-accent: #f1eee9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);