Update src/app/page.tsx

Merge version_3 into main

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>
@@ -47,20 +47,20 @@ export default function LandingPage() {
       description="Aesthetic vibes, soulful coffee, and food you'll come back for. From pull-apart garlic bread to creamy frappes—this is Jaipur's most loved café for friends, dates, and peaceful moments."
       buttons={[{ text: "Reserve Your Table Now", href: "#contact" }]}
       buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-843.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuFndnyq9TodRPYO57mUa2kXZa/uploaded-1777228268676-r8bqlwu9.jpg"
       imageAlt="Love Over Coffee Vaishali cozy ambiance"
     />
   </div>
 
   <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."
       subdescription="Whether you're looking for a quiet corner to focus or a vibrant space to catch up with friends, our doors are always open."
       icon={Coffee}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-image-man-cleans-coffee-machine-with-tassel_613910-8854.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuFndnyq9TodRPYO57mUa2kXZa/uploaded-1777228268676-1yt5ara2.jpg"
       imageAlt="Friendly cafe atmosphere"
       mediaAnimation="blur-reveal"
     />
@@ -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="Secure Your Table at Love Over Coffee"
+      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: "#" }] }
       ]}
     />
@@ -173,4 +174,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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);