Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import TextAbout from "@/components/sections/about/TextAbout";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
@@ -38,25 +38,22 @@ export default function ItalianRestaurantPage() {
                             { name: "Reviews", id: "testimonials" }
                         ]}
                         button={{
-                            text: "Book a Table",
+                            text: "Book a Table",                            href: "contact"
-                            href: "contact"
                         }}
                     />
                 </div>
 
                 <div id="hero" data-section="hero">
-                    <HeroBillboard
+                    <HeroLogoBillboard
-                        title="Welcome to Bella Italia"
+                        logoText="Bella Italia"
-                        description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
+                        description="Authentic Italian cuisine where time-honored traditions meet the freshest seasonal ingredients. From our kitchen to your table, experience the vibrant soul of Italy through handmade pasta, sun-ripened tomatoes, aromatic herbs, and fine imported cheeses."
                         background={{ variant: "sparkles-gradient" }}
-                        tag="Fine Dining"
-                        tagIcon={Sparkles}
-                        imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
-                        imageAlt="Elegant Italian restaurant dining room"
                         buttons={[
                             { text: "Reserve Now", href: "contact" },
                             { text: "View Menu", href: "menu" }
                         ]}
+                        imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
+                        imageAlt="Elegant Italian restaurant dining room"
                     />
                 </div>
 
@@ -76,25 +73,13 @@ export default function ItalianRestaurantPage() {
                         description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
                         products={[
                             {
-                                id: "1",
+                                id: "1",                                name: "Tagliatelle al Ragù",                                price: "$28",                                imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg",                                imageAlt: "Tagliatelle al Ragù with rich meat sauce slow-cooked for 8 hours"
-                                name: "Tagliatelle al Ragù",
-                                price: "$28",
-                                imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg",
-                                imageAlt: "Tagliatelle al Ragù with meat sauce"
                             },
                             {
-                                id: "2",
+                                id: "2",                                name: "Risotto ai Funghi",                                price: "$26",                                imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg",                                imageAlt: "Creamy arborio rice with woodland mushrooms, truffle oil, and shaved parmesan"
-                                name: "Risotto ai Funghi",
-                                price: "$26",
-                                imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg",
-                                imageAlt: "Creamy mushroom risotto"
                             },
                             {
-                                id: "3",
+                                id: "3",                                name: "Tiramisu Tradizionale",                                price: "$12",                                imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg",                                imageAlt: "Decadent layers of espresso-soaked ladyfingers and creamy mascarpone"
-                                name: "Tiramisu Tradizionale",
-                                price: "$12",
-                                imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg",
-                                imageAlt: "Classic tiramisu dessert"
                             }
                         ]}
                         gridVariant="three-columns-all-equal-width"
@@ -106,19 +91,11 @@ export default function ItalianRestaurantPage() {
 
                 <div id="impact" data-section="impact">
                     <MetricCardFourteen
-                        title="Celebrating Our Success"
+                        title="Legacy of Flavor"
-                        tag="By The Numbers"
+                        tag="Our Story in Numbers"
                         metrics={[
-                            {
+                            { id: "1", value: "30+", description: "Years serving authentic regional recipes from all corners of Italy" },
-                                id: "1",
+                            { id: "2", value: "100k+", description: "Authentic pasta dishes handmade with love since our opening" }
-                                value: "25+",
-                                description: "Years of excellence in authentic Italian cuisine and hospitality"
-                            },
-                            {
-                                id: "2",
-                                value: "50,000+",
-                                description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
-                            }
                         ]}
                         metricsAnimation="slide-up"
                         useInvertedBackground={true}
@@ -127,45 +104,12 @@ export default function ItalianRestaurantPage() {
 
                 <div id="testimonials" data-section="testimonials">
                     <TestimonialCardTen
-                        title="What Our Guests Say"
+                        title="A Taste of Italy"
-                        description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
+                        description="Guests describe their experience as a journey to the heart of Tuscany and Rome."
                         testimonials={[
-                            {
+                            { id: "1", title: "Impeccable", quote: "The Carbonara is exactly like I remember from Rome. Incredible flavors!", name: "Luigi S.", role: "Food Critic" },
-                                id: "1",
+                            { id: "2", title: "So Vibrant", quote: "Vibrant atmosphere and even better flavors. A true gem of Italian dining.", name: "Sarah J.", role: "Visitor" },
-                                title: "An Unforgettable Evening",
+                            { id: "3", title: "Authentic", quote: "The wine selection is curated to perfection. Simply outstanding.", name: "Marco T.", role: "Sommelier" }
-                                quote: "The pasta was absolutely divine! Every bite transported me straight to Italy. The ambiance, the service, everything was perfect. We'll definitely be back.",
-                                name: "Maria Rossi",
-                                role: "Food Critic",
-                                imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",
-                                imageAlt: "Maria Rossi"
-                            },
-                            {
-                                id: "2",
-                                title: "Authentic Italian Magic",
-                                quote: "This is the most authentic Italian restaurant I've found in the city. The chef clearly knows his craft, and it shows in every plate. A true gem!",
-                                name: "Giovanni Ferrari",
-                                role: "Restaurant Enthusiast",
-                                imageSrc: "https://img.b2bpic.net/free-photo/chef-white-uniform-garnishes-plated-dish-with-herbs-spices_482257-121123.jpg",
-                                imageAlt: "Giovanni Ferrari"
-                            },
-                            {
-                                id: "3",
-                                title: "Perfect for Special Occasions",
-                                quote: "We celebrated our anniversary here and it was spectacular. The attention to detail, the wine pairings, the warmth of the staff – simply extraordinary.",
-                                name: "Elena Marchetti",
-                                role: "Couple",
-                                imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg",
-                                imageAlt: "Elena Marchetti"
-                            },
-                            {
-                                id: "4",
-                                title: "Worth Every Visit",
-                                quote: "I've been coming to Bella Italia for three years now. The consistency, quality, and passion never wavers. It's become my second home.",
-                                name: "Antonio Bianchi",
-                                role: "Regular Guest",
-                                imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg",
-                                imageAlt: "Antonio Bianchi"
-                            }
                         ]}
                         textboxLayout="default"
                         useInvertedBackground={true}
@@ -174,50 +118,36 @@ export default function ItalianRestaurantPage() {
 
                 <div id="comparison" data-section="comparison">
                     <FeatureCardSixteen
-                        title="What Sets Us Apart"
+                        title="Traditional vs. Ordinary"
-                        description="Traditional Italian dining elevated with modern hospitality and exceptional service."
+                        description="We choose the hard path of tradition to ensure the best possible Italian experience."
                         animationType="slide-up"
                         textboxLayout="default"
                         useInvertedBackground={false}
-                        negativeCard={{
+                        negativeCard={{ items: ["Mass-produced ingredients", "Generic flavor profiles", "Fast-food service mentality", "Limited wine list"] }}
-                            items: [
+                        positiveCard={{ items: ["Daily-made fresh pasta", "Authentic, vibrant Mediterranean ingredients", "Careful, warm hospitality", "Extensive selection of Italian labels"] }}
-                                "Frozen pre-made ingredients",
-                                "Inconsistent flavors",
-                                "Rushed service",
-                                "Limited wine selection"
-                            ]
-                        }}
-                        positiveCard={{
-                            items: [
-                                "Fresh ingredients sourced daily from Italy",
-                                "Consistent excellence in every dish",
-                                "Attentive, unhurried service",
-                                "Curated selection of Italian wines"
-                            ]
-                        }}
                     />
                 </div>
 
                 <div id="contact" data-section="contact">
                     <ContactText
-                        text="Ready to experience authentic Italian cuisine? Reserve your table at Bella Italia and join us for an evening of culinary excellence."
+                        text="Experience the vibrancy of Italy in every bite. Join us for your next memorable dining experience."
-                        background={{ variant: "plain" }}
+                        background={{ variant: "gradient-bars" }}
                         buttons={[
-                            { text: "Make a Reservation", href: "https://example.com/reservations" },
+                            { text: "Reserve Your Table", href: "#" },
-                            { text: "Contact Us", href: "mailto:info@bellaitalia.com" }
+                            { text: "Browse Menu", href: "#menu" }
                         ]}
-                        useInvertedBackground={false}
+                        useInvertedBackground={true}
                     />
                 </div>
 
                 <div id="footer" data-section="footer">
                     <FooterLogoReveal
                         logoText="Bella Italia"
-                        leftLink={{ text: "Privacy Policy", href: "#privacy" }}
+                        leftLink={{ text: "Privacy Policy", href: "#" }}
-                        rightLink={{ text: "Contact Us", href: "#contact" }}
+                        rightLink={{ text: "Reservations", href: "#contact" }}
                     />
                 </div>
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #1c1c1c;
+  --foreground: #f5f5f5;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #ff0000;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #ffffff;
-  --accent: #e63946;
+  --accent: #ff6207;
-  --background-accent: #e8bea8;
+  --background-accent: #e34400;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);