Update src/app/page.tsx

src/app/page.tsx

@@ -11,78 +11,71 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Utensils } from "lucide-react";
+import { Utensils, Clock } from "lucide-react";
 
 export default function DailyDinerPage() {
     return (
         <ThemeProvider
             defaultButtonVariant="icon-arrow"
             defaultTextAnimation="background-highlight"
-            borderRadius="soft"
+            borderRadius="pill"
             contentWidth="medium"
             sizing="mediumLarge"
             background="floatingGradient"
             cardStyle="glass-elevated"
-            primaryButtonStyle="shadow"
+            primaryButtonStyle="gradient"
-            secondaryButtonStyle="layered"
+            secondaryButtonStyle="glass"
             headingFontWeight="semibold"
         >
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                        brandName="The Daily Diner"
+                        brandName="Chubby Chick"
                         navItems={[
                             { name: "Menu", id: "menu" },
-                            { name: "Story", id: "about" },
+                            { name: "Hours", id: "about" },
-                            { name: "Visit", id: "contact" },
+                            { name: "Visit", id: "contact" }
-                            { name: "Community", id: "testimonials" }
                         ]}
                         button={{
-                            text: "Order Online",                            href: "#"
+                            text: "Order Now",                            href: "#"
                         }}
                     />
                 </div>
 
                 <div id="hero" data-section="hero">
                     <HeroBillboard
-                        title="Local Comfort, Served Fresh Daily"
+                        title="Welcome to Chubby Chick"
-                        description="From farm-fresh eggs to house-baked bread, we've been your neighborhood kitchen since 1992. Simple ingredients, made right."
+                        description="Your favorite local diner serving up comfort, warmth, and delicious home-cooked meals every single day."
                         background={{ variant: "sparkles-gradient" }}
-                        tag="Neighborhood Classic"
+                        tag="Diner Classics"
                         tagIcon={Utensils}
                         imageSrc="http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg"
-                        imageAlt="Classic cozy diner booth with morning light"
+                        imageAlt="Classic cozy diner booth"
                         buttons={[
-                            { text: "See Our Menu", href: "#menu" },
+                            { text: "View Menu", href: "#menu" },
-                            { text: "Find Us", href: "#contact" }
+                            { text: "Our Hours", href: "#about" }
                         ]}
                     />
                 </div>
 
                 <div id="about" data-section="about">
                     <TextAbout
-                        title="We believe that food tastes better when it's made by someone you know. Our diner is the beating heart of the community, where every guest is family and every meal feels like home."
+                        tag="Opening Hours"
+                        tagIcon={Clock}
+                        title="When to Visit Us"
+                        buttons={[{ text: "Mon-Sat: 11:00 AM - 8:00 PM | Sun: Closed" }]}
                         useInvertedBackground={false}
-                        buttons={[
-                            { text: "Learn Our History", href: "#" }
-                        ]}
                     />
                 </div>
 
                 <div id="menu" data-section="menu">
                     <ProductCardOne
-                        title="Community Favorites"
+                        title="Diner Favorites"
-                        description="The dishes that our neighbors have loved for generations."
+                        description="Hearty portions, fresh ingredients, and big smiles."
                         products={[
-                            {
+                            { id: "1", name: "Signature Chick Sandwich", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-sandwich-with-black-bread-decorated-with-olive-plate-stained-white-surface_179666-42521.jpg" },
-                                id: "1",                                name: "Sunrise Skillet",                                price: "$14.50",                                imageSrc: "http://img.b2bpic.net/free-photo/pan-eggs-sprinkled-with-chinese-sausage-diced-bacon-breakfast_1150-26543.jpg",                                imageAlt: "Hearty breakfast skillet"
+                            { id: "2", name: "Classic Diner Burger", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/pan-eggs-sprinkled-with-chinese-sausage-diced-bacon-breakfast_1150-26543.jpg" },
-                            },
+                            { id: "3", name: "Housemade Pie", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-slice-crispy-rhabarbar-cake-tart-some-ingredients-white-plate_181624-32941.jpg" }
-                            {
-                                id: "2",                                name: "Classic Patty Melt",                                price: "$16.00",                                imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-sandwich-with-black-bread-decorated-with-olive-plate-stained-white-surface_179666-42521.jpg",                                imageAlt: "Classic diner patty melt"
-                            },
-                            {
-                                id: "3",                                name: "Homemade Apple Pie",                                price: "$6.50",                                imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-slice-crispy-rhabarbar-cake-tart-some-ingredients-white-plate_181624-32941.jpg",                                imageAlt: "Slice of apple pie"
-                            }
                         ]}
                         gridVariant="three-columns-all-equal-width"
                         animationType="slide-up"
@@ -93,15 +86,11 @@ export default function DailyDinerPage() {
 
                 <div id="impact" data-section="impact">
                     <MetricCardFourteen
-                        title="A Local Legacy"
+                        title="Freshly Prepared"
-                        tag="Since 1992"
+                        tag="Made with Love"
                         metrics={[
-                            {
+                            { id: "1", value: "100%", description: "Freshly sourced ingredients daily" },
-                                id: "1",                                value: "30+",                                description: "Years spent serving our wonderful neighborhood"
+                            { id: "2", value: "Unlimited", description: "Coffee refills and friendly service" }
-                            },
-                            {
-                                id: "2",                                value: "1M+",                                description: "Pancakes flipped with love for our regulars"
-                            }
                         ]}
                         metricsAnimation="slide-up"
                         useInvertedBackground={true}
@@ -110,15 +99,10 @@ export default function DailyDinerPage() {
 
                 <div id="testimonials" data-section="testimonials">
                     <TestimonialCardTen
-                        title="Voices of the Neighborhood"
+                        title="Loved by Locals"
-                        description="Hear why we've been the local favorite for decades."
+                        description="Hear what our neighbors are saying."
                         testimonials={[
-                            {
+                            { id: "1", title: "Best in Town!", quote: "The service is wonderful and the food is always on point. A true community treasure.", name: "Alice B.", role: "Regular Customer" }
-                                id: "1",                                title: "Better than Mom's!",                                quote: "I come here every Sunday morning. The staff knows my name and my coffee order. It feels like coming home.",                                name: "Sarah Jennings",                                role: "Local Resident",                                imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"
-                            },
-                            {
-                                id: "2",                                title: "An Absolute Classic",                                quote: "You won't find a better patty melt in the city. Fast, friendly, and always consistent.",                                name: "Mike Thompson",                                role: "Local Business Owner",                                imageSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg"
-                            }
                         ]}
                         textboxLayout="default"
                         useInvertedBackground={true}
@@ -127,44 +111,33 @@ export default function DailyDinerPage() {
 
                 <div id="comparison" data-section="comparison">
                     <FeatureCardSixteen
-                        title="Why Choose Us"
+                        title="The Difference"
-                        description="Quality that matters to the local community."
+                        description="Why Chubby Chick is the neighborhood favorite."
                         animationType="slide-up"
                         textboxLayout="default"
                         useInvertedBackground={false}
-                        negativeCard={{
+                        negativeCard={{ items: ["Pre-made frozen sides", "Generic chain atmosphere"] }}
-                            items: [
+                        positiveCard={{ items: ["Hand-crafted local comfort", "Warm, family-style service"] }}
-                                "Frozen, processed food",                                "Corporate-style service",                                "High prices for low value"
-                            ]
-                        }}
-                        positiveCard={{
-                            items: [
-                                "Freshly prepared every morning",                                "Heartfelt community service",                                "Fair prices for generous portions"
-                            ]
-                        }}
                     />
                 </div>
 
                 <div id="contact" data-section="contact">
                     <ContactText
-                        text="Swing by for a bite or drop us a line. We are open daily from 6 AM to 9 PM!"
+                        text="Ready for a bite? Visit us today!"
-                        background={{ variant: "plain" }}
+                        background={{ variant: "sparkles-gradient" }}
-                        buttons={[
+                        buttons={[{ text: "Get Directions", href: "#" }]}
-                            { text: "Call Us", href: "tel:+15550123" },
-                            { text: "Find Us on Maps", href: "#" }
-                        ]}
                         useInvertedBackground={false}
                     />
                 </div>
 
                 <div id="footer" data-section="footer">
                     <FooterLogoReveal
-                        logoText="The Daily Diner"
+                        logoText="Chubby Chick"
-                        leftLink={{ text: "Privacy Policy", href: "#" }}
+                        leftLink={{ text: "Contact", href: "#contact" }}
-                        rightLink={{ text: "Careers", href: "#" }}
+                        rightLink={{ text: "Menu", href: "#menu" }}
                     />
                 </div>
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #fdf2f8;
   --card: #ffffff;
   --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #db2777;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0d9488;
   --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
+  --accent: #2dd4bf;
-  --background-accent: #e8bea8;
+  --background-accent: #fbcfe8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);