Update src/app/styles/variables.css

src/app/page.tsx

@@ -9,7 +9,7 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import ContactText from "@/components/sections/contact/ContactText";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Sparkles } from "lucide-react";
 
@@ -38,8 +38,7 @@ export default function ItalianRestaurantPage() {
                             { name: "Reviews", id: "testimonials" }
                         ]}
                         button={{
-                            text: "Book a Table",
+                            text: "Book a Table",                            href: "contact"
-                            href: "contact"
                         }}
                     />
                 </div>
@@ -76,25 +75,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 meat sauce"
-                                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 mushroom risotto"
-                                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: "Classic tiramisu dessert"
-                                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"
@@ -110,14 +97,10 @@ export default function ItalianRestaurantPage() {
                         tag="By The Numbers"
                         metrics={[
                             {
-                                id: "1",
+                                id: "1",                                value: "25+",                                description: "Years of excellence in authentic Italian cuisine and hospitality"
-                                value: "25+",
-                                description: "Years of excellence in authentic Italian cuisine and hospitality"
                             },
                             {
-                                id: "2",
+                                id: "2",                                value: "50,000+",                                description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
-                                value: "50,000+",
-                                description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
                             }
                         ]}
                         metricsAnimation="slide-up"
@@ -131,40 +114,16 @@ export default function ItalianRestaurantPage() {
                         description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
                         testimonials={[
                             {
-                                id: "1",
+                                id: "1",                                title: "An Unforgettable Evening",                                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"
-                                title: "An Unforgettable Evening",
-                                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",
+                                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"
-                                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",
+                                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"
-                                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",
+                                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"
-                                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"
@@ -181,31 +140,36 @@ export default function ItalianRestaurantPage() {
                         useInvertedBackground={false}
                         negativeCard={{
                             items: [
-                                "Frozen pre-made ingredients",
+                                "Frozen pre-made ingredients",                                "Inconsistent flavors",                                "Rushed service",                                "Limited wine selection"
-                                "Inconsistent flavors",
-                                "Rushed service",
-                                "Limited wine selection"
                             ]
                         }}
                         positiveCard={{
                             items: [
-                                "Fresh ingredients sourced daily from Italy",
+                                "Fresh ingredients sourced daily from Italy",                                "Consistent excellence in every dish",                                "Attentive, unhurried service",                                "Curated selection of Italian wines"
-                                "Consistent excellence in every dish",
-                                "Attentive, unhurried service",
-                                "Curated selection of Italian wines"
                             ]
                         }}
                     />
                 </div>
 
                 <div id="contact" data-section="contact">
-                    <ContactText
+                    <ContactSplitForm
-                        text="Ready to experience authentic Italian cuisine? Reserve your table at Bella Italia and join us for an evening of culinary excellence."
+                        title="Get in Touch with Bella Italia"
-                        background={{ variant: "plain" }}
+                        description={`
-                        buttons={[
+                            Address: Via Roma 1, 00100 Rome, Italy
-                            { text: "Make a Reservation", href: "https://example.com/reservations" },
+                            Phone: +39 06 1234 5678
-                            { text: "Contact Us", href: "mailto:info@bellaitalia.com" }
+                            Email: info@bellaitalia.it
+
+                            Follow us on Telegram and Instagram!
+                        `.trim()}
+                        inputs={[
+                            { name: "name", type: "text", placeholder: "Your Name", required: true },
+                            { name: "email", type: "email", placeholder: "Your Email", required: true }
                         ]}
+                        textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
+                        buttonText="Send Message"
+                        imageSrc="https://maps.google.com/maps/api/staticmap?center=41.902782,12.496366&zoom=14&size=600x400&markers=color:red%7Clabel:B%7C41.902782,12.496366&sensor=false"
+                        imageAlt="Map showing Bella Italia location"
+                        mediaPosition="right"
                         useInvertedBackground={false}
                     />
                 </div>
@@ -220,4 +184,4 @@ export default function ItalianRestaurantPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

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