Update src/app/styles/variables.css

src/app/page.tsx

@@ -17,15 +17,15 @@ export default function JohnnysDinerPage() {
     return (
         <ThemeProvider
             defaultButtonVariant="icon-arrow"
-            defaultTextAnimation="background-highlight"
+            defaultTextAnimation="reveal-blur"
-            borderRadius="soft"
+            borderRadius="pill"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="floatingGradient"
+            background="noiseDiagonalGradient"
-            cardStyle="glass-elevated"
+            cardStyle="glass-depth"
-            primaryButtonStyle="shadow"
+            primaryButtonStyle="radial-glow"
-            secondaryButtonStyle="layered"
+            secondaryButtonStyle="glass"
-            headingFontWeight="semibold"
+            headingFontWeight="bold"
         >
             <ReactLenis root>
                 <div id="nav" data-section="nav">
@@ -34,55 +34,47 @@ export default function JohnnysDinerPage() {
                         navItems={[
                             { name: "Menu", id: "menu" },
                             { name: "About", id: "about" },
-                            { name: "Contact", id: "contact" },
+                            { name: "Reviews", id: "testimonials" },
-                            { name: "Reviews", id: "testimonials" }
+                            { name: "Contact", id: "contact" }
                         ]}
-                        button={{
+                        button={{ text: "Call Now", href: "tel:+13219728276" }}
-                            text: "Call Now",                            href: "tel:+13219728276"
-                        }}
                     />
                 </div>
 
                 <div id="hero" data-section="hero">
                     <HeroBillboard
-                        title="Casselberry’s Favorite Breakfast & Lunch Spot"
+                        title="Timeless Comfort in Casselberry"
-                        description="Serving fresh, homemade comfort food every morning. Join us for generous portions and friendly service in the heart of Florida."
+                        description="Experience a luxury diner atmosphere with our signature gold-standard breakfast and lunch classics, served fresh daily."
                         background={{ variant: "sparkles-gradient" }}
-                        tag="4.8⭐ Rated by 500+ Locals"
+                        tag="Voted Casselberry’s Finest"
                         tagIcon={Coffee}
                         imageSrc="http://img.b2bpic.net/free-photo/delicious-3d-pancakes-still-life_23-2151105124.jpg"
                         imageAlt="Classic American diner breakfast platter"
                         buttons={[
-                            { text: "Call Now to Order", href: "tel:+13219728276" },
+                            { text: "View Menu", href: "#menu" },
-                            { text: "View Menu", href: "#menu" }
+                            { text: "Book Table", href: "#contact" }
                         ]}
                     />
                 </div>
 
                 <div id="about" data-section="about">
                     <TextAbout
-                        title="At Johnny’s Diner, we believe in the simple joy of a hot cup of coffee and a scratch-made meal. We are a locally-owned staple dedicated to making your morning better, one plate at a time."
+                        title="Where culinary tradition meets elegance. Johnny's Diner brings a refined approach to your favorite comfort meals, featuring locally sourced ingredients in an atmosphere designed for relaxation."
-                        useInvertedBackground={false}
+                        useInvertedBackground={true}
                     />
                 </div>
 
                 <div id="menu" data-section="menu">
                     <ProductCardOne
-                        title="Signature Diner Favorites"
+                        title="Our Signature Collection"
-                        description="Explore our menu of classic breakfast platters, hearty lunches, and fresh-brewed coffee."
+                        description="Refined American classics prepared with unparalleled passion."
                         products={[
-                            {
+                            { id: "1", name: "Signature Pancake Stack", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361470.jpg" },
-                                id: "1",                                name: "Johnny’s Big Breakfast",                                price: "$14.99",                                imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361470.jpg",                                imageAlt: "Fluffy pancakes and eggs"
+                            { id: "2", name: "Prime Diner Burger", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10720.jpg" },
-                            },
+                            { id: "3", name: "Truffle Infused Omelette", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-omelette-cherry-tomatoes_23-2148698707.jpg" }
-                            {
-                                id: "2",                                name: "Classic Smashburger",                                price: "$12.50",                                imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10720.jpg",                                imageAlt: "Juicy cheeseburger with fries"
-                            },
-                            {
-                                id: "3",                                name: "Farmhouse Omelette",                                price: "$13.25",                                imageSrc: "http://img.b2bpic.net/free-photo/top-view-omelette-cherry-tomatoes_23-2148698707.jpg",                                imageAlt: "Fresh farmhouse omelette"
-                            }
                         ]}
                         gridVariant="three-columns-all-equal-width"
-                        animationType="slide-up"
+                        animationType="blur-reveal"
                         textboxLayout="default"
                         useInvertedBackground={false}
                     />
@@ -90,15 +82,11 @@ export default function JohnnysDinerPage() {
 
                 <div id="impact" data-section="impact">
                     <MetricCardFourteen
-                        title="Johnny’s By The Numbers"
+                        title="The Johnny's Legacy"
-                        tag="Local Favorites"
+                        tag="Our Excellence"
                         metrics={[
-                            {
+                            { id: "1", value: "500+", description: "Premium 5-Star Experiences" },
-                                id: "1",                                value: "500+",                                description: "Verified 5-star reviews from happy locals"
+                            { id: "2", value: "15+", description: "Years of Culinary Distinction" }
-                            },
-                            {
-                                id: "2",                                value: "15+",                                description: "Years of serving the Casselberry community"
-                            }
                         ]}
                         metricsAnimation="slide-up"
                         useInvertedBackground={true}
@@ -107,48 +95,34 @@ export default function JohnnysDinerPage() {
 
                 <div id="testimonials" data-section="testimonials">
                     <TestimonialCardTen
-                        title="What Our Friends Say"
+                        title="Refined Praise"
-                        description="We take pride in every meal we serve at our tables."
+                        description="Discover why our guests choose Johnny's for their most memorable meals."
                         testimonials={[
-                            {
+                            { id: "1", title: "Exceptional Standard", quote: "The blend of classic diner comfort with a luxury setting is truly unique. Simply incredible service.", name: "Eleanor V.", role: "Local Connoisseur" },
-                                id: "1",                                title: "Best Breakfast in town!",                                quote: "I never leave hungry! The pancakes are huge and the coffee is always fresh. My family loves coming here on Saturday mornings.",                                name: "Sarah J.",                                role: "Local Resident"
+                            { id: "2", title: "Impeccable Quality", quote: "Every detail, from the coffee blend to the plating, feels like an upgrade to the traditional diner experience.", name: "Marcus T.", role: "Frequent Diner" }
-                            },
-                            {
-                                id: "2",                                title: "Friendly Service",                                quote: "Johnny’s feels like home. The staff remembers my order and always treats us like family.",                                name: "Mike D.",                                role: "Regular Customer"
-                            }
                         ]}
                         textboxLayout="default"
-                        useInvertedBackground={true}
+                        useInvertedBackground={false}
                     />
                 </div>
 
                 <div id="comparison" data-section="comparison">
                     <FeatureCardSixteen
-                        title="Why Choose Johnny's?"
+                        title="The Luxury Difference"
-                        description="We do things the old-fashioned way: quality ingredients, cooked fresh, with a smile."
+                        description="Why settling for the ordinary is no longer an option."
-                        animationType="slide-up"
+                        animationType="scale-rotate"
                         textboxLayout="default"
-                        useInvertedBackground={false}
+                        useInvertedBackground={true}
-                        negativeCard={{
+                        negativeCard={{ items: ["Standard fast-casual dining", "Generic frozen ingredients", "Crowded and noisy environments"] }}
-                            items: [
+                        positiveCard={{ items: ["Curated luxury service", "Farm-to-table freshness", "Elegant, intimate atmosphere"] }}
-                                "Processed frozen foods",                                "Inattentive fast-food service",                                "High prices for small portions"
-                            ]
-                        }}
-                        positiveCard={{
-                            items: [
-                                "Fresh ingredients, scratch-made",                                "Friendly, welcoming diner atmosphere",                                "Generous, filling portions"
-                            ]
-                        }}
                     />
                 </div>
 
                 <div id="contact" data-section="contact">
                     <ContactText
-                        text="Visit us at 500 FL-436 #1000, Casselberry, FL. Open Mon–Sat 6am–3pm, Sun 7am–3pm. Let’s grab a bite!"
+                        text="Join us at 500 FL-436, Casselberry. A bespoke dining experience awaits you."
-                        background={{ variant: "radial-gradient" }}
+                        background={{ variant: "rotated-rays-static-grid" }}
-                        buttons={[
+                        buttons={[{ text: "Call Today: 321-972-8276", href: "tel:+13219728276" }]}
-                            { text: "Call to Order: 321-972-8276", href: "tel:+13219728276" }
-                        ]}
                         useInvertedBackground={false}
                     />
                 </div>
@@ -156,8 +130,8 @@ export default function JohnnysDinerPage() {
                 <div id="footer" data-section="footer">
                     <FooterLogoReveal
                         logoText="Johnny’s Diner"
-                        leftLink={{ text: "© 2024 Johnny’s Diner", href: "#" }}
+                        leftLink={{ text: "© 2025 Johnny’s Diner", href: "#" }}
-                        rightLink={{ text: "Casselberry, FL", href: "https://maps.google.com" }}
+                        rightLink={{ text: "Luxury Dining in Casselberry", href: "#" }}
                     />
                 </div>
             </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #121212;
-  --foreground: #1c1c1c;
+  --foreground: #f5f5f5;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #c5a059;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
+  --accent: #c5a059;
-  --background-accent: #e8bea8;
+  --background-accent: #001a33;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);