Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Award, Sparkles, Users, Utensils, Wine, Camera } from "lucide-react";
+import { Award, Sparkles, Users, Utensils, Wine, Camera, Instagram, Facebook, Twitter } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -56,16 +56,13 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
+      <MediaAbout
       tag="The Studio Story"
       tagIcon={Camera}
       title="Capturing Culinary Art"
-      description="Elysium Dining was founded in the heart of the city by award-winning photographer Julian Thorne. After years capturing the most refined tables across Europe, Julian turned his lens—and his kitchen—toward creating a studio space where ingredients are treated with the same precision and beauty as a portrait session."
-      subdescription="Our kitchen functions as an open studio, blending the art of fine dining with the raw elegance of locally sourced, seasonal ingredients."
-      icon={Camera}
+      description="Elysium Dining began as a vision by photographer Julian Thorne. After years spent behind the lens capturing the world's most exquisite tables, he envisioned a kitchen designed like a studio—where ingredients are treated with the precision, patience, and aesthetics of a professional photoshoot. Today, we bring this artistic discipline to every dish we serve."
       imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg"
       imageAlt="Chef working in a modern studio kitchen"
-      mediaAnimation="blur-reveal"
       useInvertedBackground={true}
     />
   </div>
@@ -110,7 +107,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         { id: "1", name: "Julian Thorne", date: "Oct 2023", title: "Critically Acclaimed", quote: "The Wagyu beef was perfection, redefined by balance and texture.", tag: "Dining Review", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg" },
-        { id: "2", name: "Sophie Martin", date: "Nov 2023", title: "Exceptional Quality", quote: "Every detail was meticulously crafted.", tag: "Event Attendee", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-food_23-2149152871.jpg" },
+        { id: "2", name: "Sophie Martin", date: "Nov 2023", title: "Exceptional Quality", quote: "Every detail was meticulously crafted.", tag: "Event Attendee", avatarSrc: "http://img.b2bpic.net/close-up-happy-people-with-food_23-2149152871.jpg" },
       ]}
       title="Guest Reflections"
       description="Our guests' experiences define the spirit of Elysium Dining."
@@ -142,26 +139,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      tag="Booking Inquiries"
-      title="Reserve Your Experience"
-      description="Our studio team is ready to assist with your private booking or inquiry. Please fill in your details below and we will contact you shortly to confirm availability."
-      imageSrc="http://img.b2bpic.net/free-photo/doors-building-door-european-style_1417-1307.jpg"
-      buttonText="Submit Inquiry"
+      <ContactCTA
+      tag="Bookings"
+      title="Inquire for a Table"
+      description="For private events, large group reservations, or special culinary requests, our concierge is ready to craft the perfect experience. Get in touch to check availability and start your reservation."
+      buttons={[{ text: "Email Us", href: "mailto:bookings@elysium.com" }, { text: "Call Studio", href: "tel:+1234567890" }]}
       useInvertedBackground={true}
       background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        { title: "Studio", items: [{ label: "123 Gourmet Lane" }, { label: "Culinary City, ST 56789" }] },
-        { title: "Hours", items: [{ label: "Tue-Thu: 5pm-10pm" }, { label: "Fri-Sat: 5pm-11pm" }] },
-        { title: "Socials", items: [{ label: "Instagram" }, { label: "Facebook" }, { label: "Twitter" }] },
+      <FooterCard
+      logoText="Elysium Dining"
+      copyrightText="© 2024 Elysium Dining - The Studio Table"
+      socialLinks={[
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
       ]}
-      bottomLeftText="© 2024 Elysium Dining"
-      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>