Update src/app/page.tsx

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-react";
@@ -16,7 +16,7 @@ import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-
 export default function LuxuryTravelAgencyTemplatePage() {
     return (
         <ThemeProvider
-            defaultButtonVariant="icon-arrow"
+            defaultButtonVariant="expand-hover"
             defaultTextAnimation="entrance-slide"
             borderRadius="rounded"
             contentWidth="medium"
@@ -28,6 +28,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         navItems={[
                             { name: "About", id: "about" },
@@ -39,6 +40,8 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         brandName="Luxuria"
                         button={{ text: "Plan Your Trip", href: "#contact" }}
                     />
+                </div>
+                <div id="hero" data-section="hero">
                     <HeroCarouselLogo
                         logoText="Luxuria"
                         description="Experience the world's most extraordinary destinations with our bespoke luxury travel experiences curated just for you."
@@ -54,6 +57,8 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         ]}
                         showDimOverlay={true}
                     />
+                </div>
+                <div id="about" data-section="about">
                     <InlineImageSplitTextAbout
                         className="pt-40"
                         heading={[
@@ -68,49 +73,33 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         ]}
                         useInvertedBackground={false}
                     />
+                </div>
+                <div id="services" data-section="services">
                     <FeatureCardOne
                         tag="Services"
                         tagIcon={Sparkles}
                         title="Tailored Travel Experiences"
                         description="From private jets to secluded villas, we handle every detail of your journey"
                         textboxLayout="default"
-                    animationType="slide-up"
+                        animationType="blur-reveal"
                         gridVariant="uniform-all-items-equal"
                         uniformGridCustomHeightClasses="h-100 2xl:h-110"
                         useInvertedBackground={false}
                         features={[
                             {
-                            title: "Private Aviation",
+                                title: "Private Aviation", description: "Charter flights and private jet services to any destination worldwide.", imageSrc: "/templates/luxury-travel-agency/services/service5.webp", imageAlt: "Private jet"},
-                            description: "Charter flights and private jet services to any destination worldwide.",
-                            imageSrc: "/templates/luxury-travel-agency/services/service5.webp",
-                            imageAlt: "Private jet",
-                        },
                             {
-                            title: "Luxury Accommodations",
+                                title: "Luxury Accommodations", description: "Handpicked five-star hotels, villas, and exclusive resorts.", imageSrc: "/templates/luxury-travel-agency/services/service1.webp", imageAlt: "Luxury hotel"},
-                            description: "Handpicked five-star hotels, villas, and exclusive resorts.",
-                            imageSrc: "/templates/luxury-travel-agency/services/service1.webp",
-                            imageAlt: "Luxury hotel",
-                        },
                             {
-                            title: "Curated Experiences",
+                                title: "Curated Experiences", description: "Unique adventures and cultural immersions designed just for you.", imageSrc: "/templates/luxury-travel-agency/services/service4.webp", imageAlt: "Experience"},
-                            description: "Unique adventures and cultural immersions designed just for you.",
-                            imageSrc: "/templates/luxury-travel-agency/services/service4.webp",
-                            imageAlt: "Experience",
-                        },
                             {
-                            title: "Fine Dining",
+                                title: "Fine Dining", description: "Reservations at Michelin-starred restaurants and private chef services.", imageSrc: "/templates/luxury-travel-agency/services/service3.webp", imageAlt: "Fine dining"},
-                            description: "Reservations at Michelin-starred restaurants and private chef services.",
-                            imageSrc: "/templates/luxury-travel-agency/services/service3.webp",
-                            imageAlt: "Fine dining",
-                        },
                             {
-                            title: "Photography Tours",
+                                title: "Photography Tours", description: "Professional photographers to capture your once-in-a-lifetime moments.", imageSrc: "/templates/luxury-travel-agency/services/service2.webp", imageAlt: "Photography"}
-                            description: "Professional photographers to capture your once-in-a-lifetime moments.",
-                            imageSrc: "/templates/luxury-travel-agency/services/service2.webp",
-                            imageAlt: "Photography",
-                        }
                         ]}
                     />
+                </div>
+                <div id="destinations" data-section="destinations">
                     <FeatureCardNine
                         tag="How It Works"
                         tagIcon={Compass}
@@ -118,91 +107,50 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         description="From initial consultation to your return home, we manage every detail"
                         textboxLayout="default"
                         showStepNumbers={true}
-                    animationType="slide-up"
+                        animationType="blur-reveal"
                         useInvertedBackground={false}
                         features={[
                             {
                                 id: 1,
-                            title: "Share Your Vision",
+                                title: "Share Your Vision", description: "Tell us about your dream destination and travel preferences.", phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" }, phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
-                            description: "Tell us about your dream destination and travel preferences.",
-                            phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" },
-                            phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
                             },
                             {
                                 id: 2,
-                            title: "Custom Itinerary",
+                                title: "Custom Itinerary", description: "Receive a bespoke travel plan crafted by our expert advisors.", phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" }, phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
-                            description: "Receive a bespoke travel plan crafted by our expert advisors.",
-                            phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" },
-                            phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
                             },
                             {
                                 id: 3,
-                            title: "Seamless Experience",
+                                title: "Seamless Experience", description: "Enjoy your journey while we handle every detail behind the scenes.", phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" }, phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
-                            description: "Enjoy your journey while we handle every detail behind the scenes.",
-                            phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
-                            phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
                             },
                         ]}
                     />
+                </div>
+                <div id="destinations-grid" data-section="destinations-grid">
                     <FeatureCardMedia
                         tag="Destinations"
                         tagIcon={Plane}
                         title="Extraordinary Destinations"
                         description="Explore handpicked locations that define luxury travel"
                         textboxLayout="default"
-                    animationType="slide-up"
+                        animationType="blur-reveal"
                         useInvertedBackground={false}
                         features={[
                             {
-                            id: "1",
+                                id: "1", title: "Maldives Private Island", description: "Exclusive overwater villas with direct lagoon access and private butler service.", tag: "Asia", imageSrc: "/templates/luxury-travel-agency/destination/destination6.webp", imageAlt: "Maldives"},
-                            title: "Maldives Private Island",
-                            description: "Exclusive overwater villas with direct lagoon access and private butler service.",
-                            tag: "Asia",
-                            imageSrc: "/templates/luxury-travel-agency/destination/destination6.webp",
-                            imageAlt: "Maldives",
-                        },
                             {
-                            id: "2",
+                                id: "2", title: "Swiss Alpine Retreat", description: "Secluded mountain chalets with panoramic views and world-class skiing.", tag: "Europe", imageSrc: "/templates/luxury-travel-agency/destination/destination5.webp", imageAlt: "Switzerland"},
-                            title: "Swiss Alpine Retreat",
-                            description: "Secluded mountain chalets with panoramic views and world-class skiing.",
-                            tag: "Europe",
-                            imageSrc: "/templates/luxury-travel-agency/destination/destination5.webp",
-                            imageAlt: "Switzerland",
-                        },
                             {
-                            id: "3",
+                                id: "3", title: "African Safari Lodge", description: "Intimate wildlife encounters in the heart of the Serengeti.", tag: "Africa", imageSrc: "/templates/luxury-travel-agency/destination/destination1.webp", imageAlt: "Safari"},
-                            title: "African Safari Lodge",
-                            description: "Intimate wildlife encounters in the heart of the Serengeti.",
-                            tag: "Africa",
-                            imageSrc: "/templates/luxury-travel-agency/destination/destination1.webp",
-                            imageAlt: "Safari",
-                        },
                             {
-                            id: "4",
+                                id: "4", title: "Amalfi Coast Villa", description: "Clifftop estates with Mediterranean views and private beach access.", tag: "Europe", imageSrc: "/templates/luxury-travel-agency/destination/destination4.webp", imageAlt: "Amalfi Coast"},
-                            title: "Amalfi Coast Villa",
-                            description: "Clifftop estates with Mediterranean views and private beach access.",
-                            tag: "Europe",
-                            imageSrc: "/templates/luxury-travel-agency/destination/destination4.webp",
-                            imageAlt: "Amalfi Coast",
-                        },
                             {
-                            id: "5",
+                                id: "5", title: "Kyoto Ryokan", description: "Traditional Japanese inns with zen gardens and kaiseki dining.", tag: "Asia", imageSrc: "/templates/luxury-travel-agency/destination/destination3.webp", imageAlt: "Kyoto"},
-                            title: "Kyoto Ryokan",
-                            description: "Traditional Japanese inns with zen gardens and kaiseki dining.",
-                            tag: "Asia",
-                            imageSrc: "/templates/luxury-travel-agency/destination/destination3.webp",
-                            imageAlt: "Kyoto",
-                        },
                             {
-                            id: "6",
+                                id: "6", title: "Patagonia Eco Lodge", description: "Remote wilderness retreats surrounded by glaciers and pristine nature.", tag: "South America", imageSrc: "/templates/luxury-travel-agency/destination/destination2.webp", imageAlt: "Patagonia"},
-                            title: "Patagonia Eco Lodge",
-                            description: "Remote wilderness retreats surrounded by glaciers and pristine nature.",
-                            tag: "South America",
-                            imageSrc: "/templates/luxury-travel-agency/destination/destination2.webp",
-                            imageAlt: "Patagonia",
-                        },
                         ]}
                     />
+                </div>
+                <div id="reviews" data-section="reviews">
                     <TestimonialCardFive
                         tag="Reviews"
                         tagIcon={Sparkles}
@@ -212,51 +160,23 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         useInvertedBackground={false}
                         testimonials={[
                             {
-                            id: "1",
+                                id: "1", name: "Victoria Sterling", date: "December 2024", title: "An absolutely flawless experience from start to finish", quote: "Luxuria transformed our anniversary trip into something truly magical. Every detail was perfect, from the private transfers to the surprise sunset dinner on the beach. Their team anticipated our every need.", tag: "Maldives", avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial1.webp", avatarAlt: "Victoria Sterling", imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial1.webp", imageAlt: "Maldives trip"},
-                            name: "Victoria Sterling",
-                            date: "December 2024",
-                            title: "An absolutely flawless experience from start to finish",
-                            quote: "Luxuria transformed our anniversary trip into something truly magical. Every detail was perfect, from the private transfers to the surprise sunset dinner on the beach. Their team anticipated our every need.",
-                            tag: "Maldives",
-                            avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial1.webp",
-                            avatarAlt: "Victoria Sterling",
-                            imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial1.webp",
-                            imageAlt: "Maldives trip",
-                        },
                             {
-                            id: "2",
+                                id: "2", name: "James & Elizabeth Moore", date: "November 2024", title: "Beyond our wildest expectations", quote: "Our safari honeymoon was nothing short of extraordinary. The lodges were spectacular, the wildlife encounters unforgettable, and the attention to detail was impeccable throughout our journey.", tag: "Tanzania", avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial2.webp", avatarAlt: "James & Elizabeth Moore", imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial2.webp", imageAlt: "Safari experience"},
-                            name: "James & Elizabeth Moore",
-                            date: "November 2024",
-                            title: "Beyond our wildest expectations",
-                            quote: "Our safari honeymoon was nothing short of extraordinary. The lodges were spectacular, the wildlife encounters unforgettable, and the attention to detail was impeccable throughout our journey.",
-                            tag: "Tanzania",
-                            avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial2.webp",
-                            avatarAlt: "James & Elizabeth Moore",
-                            imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial2.webp",
-                            imageAlt: "Safari experience",
-                        },
                             {
-                            id: "3",
+                                id: "3", name: "Roberta Chen", date: "October 2024", title: "The definition of luxury travel", quote: "From the private jet charter to the exclusive vineyard tours, Luxuria curated an experience that exceeded all my expectations. Their network of contacts opened doors I never knew existed.", tag: "France", avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial3.webp", avatarAlt: "Roberta Chen", imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial3.webp", imageAlt: "France trip"},
-                            name: "Roberta Chen",
-                            date: "October 2024",
-                            title: "The definition of luxury travel",
-                            quote: "From the private jet charter to the exclusive vineyard tours, Luxuria curated an experience that exceeded all my expectations. Their network of contacts opened doors I never knew existed.",
-                            tag: "France",
-                            avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial3.webp",
-                            avatarAlt: "Roberta Chen",
-                            imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial3.webp",
-                            imageAlt: "France trip",
-                        },
                         ]}
                     />
+                </div>
+                <div id="contact" data-section="contact">
                     <ContactSplitForm
                         title="Plan Your Journey"
                         description="Let us create your perfect luxury travel experience"
                         useInvertedBackground={false}
-                    imageSrc="/templates/luxury-travel-agency/contact/contact1.webp"
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXMO6LCkmnV7vg7cZzDeF9NYEo/uploaded-1774631151856-t37kv31u.png"
                         imageAlt="Luxury travel"
                         mediaPosition="right"
-                    mediaAnimation="slide-up"
+                        mediaAnimation="blur-reveal"
                         buttonText="Start Planning"
                         inputs={[
                             { name: "name", type: "text", placeholder: "Full Name", required: true },
@@ -265,20 +185,30 @@ export default function LuxuryTravelAgencyTemplatePage() {
                             { name: "destination", type: "text", placeholder: "Dream Destination" },
                         ]}
                         textarea={{
-                        name: "message",
+                            name: "message", placeholder: "Tell us about your ideal travel experience...", rows: 4,
-                        placeholder: "Tell us about your ideal travel experience...",
-                        rows: 4,
                         }}
                     />
-                <FooterCard
+                </div>
+                <div id="footer" data-section="footer">
+                    <FooterBaseCard
                         logoText="Luxuria"
                         copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
-                    socialLinks={[
+                        columns={[
-                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                            {
-                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                                title: "Company",                                items: [
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                                    { label: "About", href: "#about" },
+                                    { label: "Contact", href: "#contact" },
+                                ]
+                            },
+                            {
+                                title: "Services",                                items: [
+                                    { label: "Services", href: "#services" },
+                                    { label: "Destinations", href: "#destinations" },
+                                ]
+                            }
                         ]}
                     />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );