Update src/app/support/page.tsx

src/app/account/page.tsx

@@ -0,0 +1,104 @@
+"use client";
+
+import React from "react";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import TextAnimation from "@/components/text/TextAnimation";
+import { Sparkles, Instagram, Facebook, Linkedin, History, Heart, Settings, MessageSquare, MapPin } from "lucide-react";
+
+export default function AccountPanelPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "About", id: "about" },
+                        { name: "Services", id: "services" },
+                        { name: "Destinations", id: "destinations" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "Contact", id: "contact" },
+                        { name: "Account", id: "/account" }
+                    ]}
+                    brandName="Luxuria"
+                    button={{ text: "Plan Your Trip", href: "/#contact" }}
+                />
+
+                <main className="min-h-screen py-32 sm:py-40 lg:py-48 bg-background">
+                    <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+                        <TextAnimation
+                            type="entrance-slide"
+                            className="text-center mb-16"
+                            text="Your Account Panel"
+                            as="h2"
+                        />
+
+                        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                            {/* Order History */}
+                            <div id="order-history" data-section="order-history" className="p-8 border rounded-lg shadow-lg bg-card">
+                                <History className="w-10 h-10 mb-4 text-primary-cta" />
+                                <h2 className="text-3xl font-semibold text-foreground mb-4">Order History</h2>
+                                <p className="text-lg text-foreground/80">View your past bookings, completed trips, and detailed invoices. Rebook your favorite journeys with ease.</p>
+                                <button className="mt-6 px-6 py-3 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">View Orders</button>
+                            </div>
+
+                            {/* Favorites / Wishlist */}
+                            <div id="favorites-wishlist" data-section="favorites-wishlist" className="p-8 border rounded-lg shadow-lg bg-card">
+                                <Heart className="w-10 h-10 mb-4 text-primary-cta" />
+                                <h2 className="text-3xl font-semibold text-foreground mb-4">Favorites & Wishlist</h2>
+                                <p className="text-lg text-foreground/80">Save your dream destinations and preferred travel experiences for future reference and easy booking.</p>
+                                <button className="mt-6 px-6 py-3 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Manage Wishlist</button>
+                            </div>
+
+                            {/* Account Settings */}
+                            <div id="account-settings" data-section="account-settings" className="p-8 border rounded-lg shadow-lg bg-card">
+                                <Settings className="w-10 h-10 mb-4 text-primary-cta" />
+                                <h2 className="text-3xl font-semibold text-foreground mb-4">Account Settings</h2>
+                                <p className="text-lg text-foreground/80">Update your personal information, communication preferences, and security settings.</p>
+                                <button className="mt-6 px-6 py-3 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Edit Settings</button>
+                            </div>
+
+                            {/* Support Ticket System */}
+                            <div id="support-ticket-system" data-section="support-ticket-system" className="p-8 border rounded-lg shadow-lg bg-card">
+                                <MessageSquare className="w-10 h-10 mb-4 text-primary-cta" />
+                                <h2 className="text-3xl font-semibold text-foreground mb-4">Support & Assistance</h2>
+                                <p className="text-lg text-foreground/80">Submit new support tickets, view the status of your existing requests, and get help from our dedicated team.</p>
+                                <button className="mt-6 px-6 py-3 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Open a Ticket</button>
+                            </div>
+
+                            {/* Order Tracking */}
+                            <div id="order-tracking" data-section="order-tracking" className="p-8 border rounded-lg shadow-lg bg-card">
+                                <MapPin className="w-10 h-10 mb-4 text-primary-cta" />
+                                <h2 className="text-3xl font-semibold text-foreground mb-4">Order Tracking</h2>
+                                <p className="text-lg text-foreground/80">Monitor the live status of your upcoming trips, flights, and accommodations. Stay informed every step of the way.</p>
+                                <button className="mt-6 px-6 py-3 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Track Orders</button>
+                            </div>
+                        </div>
+                    </div>
+                </main>
+
+                <FooterCard
+                    logoText="Luxuria"
+                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/consultation/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Sparkles, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function ConsultationPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "About", id: "about" },
+                        { name: "Services", id: "services" },
+                        { name: "Destinations", id: "destinations" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "Consultation", id: "/consultation" },
+                        { name: "Support", id: "/support" },
+                        { name: "Contact", id: "contact" }
+                    ]}
+                    brandName="Luxuria"
+                    button={{ text: "Plan Your Trip", href: "/" }} // Link back to home contact if needed
+                />
+                <ContactSplit
+                    tag="Get Started"
+                    tagIcon={Sparkles}
+                    title="Request a Consultation"
+                    description="Our luxury travel advisors are ready to craft your bespoke journey. Fill out the form below to begin planning your unforgettable experience."
+                    background={{ variant: 'radial-gradient' }}
+                    useInvertedBackground={false}
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp?_wi=1"
+                    imageAlt="Consultation meeting"
+                    mediaPosition="right"
+                    mediaAnimation="slide-up"
+                    buttonText="Submit Request"
+                />
+                <FooterCard
+                    logoText="Luxuria"
+                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/page.tsx

@@ -11,6 +11,7 @@ import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import EmailSignupForm from '@/components/form/EmailSignupForm';
 import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-react";
 
 export default function LuxuryTravelAgencyTemplatePage() {
@@ -34,7 +35,9 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         { name: "Services", id: "services" },
                         { name: "Destinations", id: "destinations" },
                         { name: "Reviews", id: "reviews" },
-                        { name: "Contact", id: "contact" },
+                        { name: "Consultation", id: "/consultation" },
+                        { name: "Support", id: "/support" },
+                        { name: "Contact", id: "contact" }
                     ]}
                     brandName="Luxuria"
                     button={{ text: "Plan Your Trip", href: "#contact" }}
@@ -80,35 +83,15 @@ export default function LuxuryTravelAgencyTemplatePage() {
                     useInvertedBackground={false}
                     features={[
                         {
-                            title: "Private Aviation",
-                            description: "Charter flights and private jet services to any destination worldwide.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp",
-                            imageAlt: "Private jet",
-                        },
+                            title: "Private Aviation",                            description: "Charter flights and private jet services to any destination worldwide.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp",                            imageAlt: "Private jet"},
                         {
-                            title: "Luxury Accommodations",
-                            description: "Handpicked five-star hotels, villas, and exclusive resorts.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp",
-                            imageAlt: "Luxury hotel",
-                        },
+                            title: "Luxury Accommodations",                            description: "Handpicked five-star hotels, villas, and exclusive resorts.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp",                            imageAlt: "Luxury hotel"},
                         {
-                            title: "Curated Experiences",
-                            description: "Unique adventures and cultural immersions designed just for you.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp",
-                            imageAlt: "Experience",
-                        },
+                            title: "Curated Experiences",                            description: "Unique adventures and cultural immersions designed just for you.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp",                            imageAlt: "Experience"},
                         {
-                            title: "Fine Dining",
-                            description: "Reservations at Michelin-starred restaurants and private chef services.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp",
-                            imageAlt: "Fine dining",
-                        },
+                            title: "Fine Dining",                            description: "Reservations at Michelin-starred restaurants and private chef services.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp",                            imageAlt: "Fine dining"},
                         {
-                            title: "Photography Tours",
-                            description: "Professional photographers to capture your once-in-a-lifetime moments.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service2.webp",
-                            imageAlt: "Photography",
-                        }
+                            title: "Photography Tours",                            description: "Professional photographers to capture your once-in-a-lifetime moments.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service2.webp",                            imageAlt: "Photography"}
                     ]}
                 />
                 <FeatureCardNine
@@ -122,21 +105,15 @@ export default function LuxuryTravelAgencyTemplatePage() {
                     useInvertedBackground={false}
                     features={[
                         {
-                            title: "Share Your Vision",
-                            description: "Tell us about your dream destination and travel preferences.",
-                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" },
+                            title: "Share Your Vision",                            description: "Tell us about your dream destination and travel preferences.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" },
                             phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
                         },
                         {
-                            title: "Custom Itinerary",
-                            description: "Receive a bespoke travel plan crafted by our expert advisors.",
-                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" },
+                            title: "Custom Itinerary",                            description: "Receive a bespoke travel plan crafted by our expert advisors.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" },
                             phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
                         },
                         {
-                            title: "Seamless Experience",
-                            description: "Enjoy your journey while we handle every detail behind the scenes.",
-                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
+                            title: "Seamless Experience",                            description: "Enjoy your journey while we handle every detail behind the scenes.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
                             phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
                         },
                     ]}
@@ -151,53 +128,17 @@ export default function LuxuryTravelAgencyTemplatePage() {
                     useInvertedBackground={false}
                     features={[
                         {
-                            id: "1",
-                            title: "Maldives Private Island",
-                            description: "Exclusive overwater villas with direct lagoon access and private butler service.",
-                            tag: "Asia",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp",
-                            imageAlt: "Maldives",
-                        },
+                            id: "1",                            title: "Maldives Private Island",                            description: "Exclusive overwater villas with direct lagoon access and private butler service.",                            tag: "Asia",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp",                            imageAlt: "Maldives"},
                         {
-                            id: "2",
-                            title: "Swiss Alpine Retreat",
-                            description: "Secluded mountain chalets with panoramic views and world-class skiing.",
-                            tag: "Europe",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp",
-                            imageAlt: "Switzerland",
-                        },
+                            id: "2",                            title: "Swiss Alpine Retreat",                            description: "Secluded mountain chalets with panoramic views and world-class skiing.",                            tag: "Europe",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp",                            imageAlt: "Switzerland"},
                         {
-                            id: "3",
-                            title: "African Safari Lodge",
-                            description: "Intimate wildlife encounters in the heart of the Serengeti.",
-                            tag: "Africa",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination1.webp",
-                            imageAlt: "Safari",
-                        },
+                            id: "3",                            title: "African Safari Lodge",                            description: "Intimate wildlife encounters in the heart of the Serengeti.",                            tag: "Africa",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination1.webp",                            imageAlt: "Safari"},
                         {
-                            id: "4",
-                            title: "Amalfi Coast Villa",
-                            description: "Clifftop estates with Mediterranean views and private beach access.",
-                            tag: "Europe",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp",
-                            imageAlt: "Amalfi Coast",
-                        },
+                            id: "4",                            title: "Amalfi Coast Villa",                            description: "Clifftop estates with Mediterranean views and private beach access.",                            tag: "Europe",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp",                            imageAlt: "Amalfi Coast"},
                         {
-                            id: "5",
-                            title: "Kyoto Ryokan",
-                            description: "Traditional Japanese inns with zen gardens and kaiseki dining.",
-                            tag: "Asia",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp",
-                            imageAlt: "Kyoto",
-                        },
+                            id: "5",                            title: "Kyoto Ryokan",                            description: "Traditional Japanese inns with zen gardens and kaiseki dining.",                            tag: "Asia",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp",                            imageAlt: "Kyoto"},
                         {
-                            id: "6",
-                            title: "Patagonia Eco Lodge",
-                            description: "Remote wilderness retreats surrounded by glaciers and pristine nature.",
-                            tag: "South America",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.webp",
-                            imageAlt: "Patagonia",
-                        },
+                            id: "6",                            title: "Patagonia Eco Lodge",                            description: "Remote wilderness retreats surrounded by glaciers and pristine nature.",                            tag: "South America",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.webp",                            imageAlt: "Patagonia"},
                     ]}
                 />
                 <TestimonialCardFive
@@ -209,43 +150,19 @@ export default function LuxuryTravelAgencyTemplatePage() {
                     useInvertedBackground={false}
                     testimonials={[
                         {
-                            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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp",
-                            avatarAlt: "Victoria Sterling",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp",
-                            imageAlt: "Maldives trip",
-                        },
+                            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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp",                            avatarAlt: "Victoria Sterling",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp",                            imageAlt: "Maldives trip"},
                         {
-                            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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp",
-                            avatarAlt: "James & Elizabeth Moore",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp",
-                            imageAlt: "Safari experience",
-                        },
+                            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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp",                            avatarAlt: "James & Elizabeth Moore",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp",                            imageAlt: "Safari experience"},
                         {
-                            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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp",
-                            avatarAlt: "Roberta Chen",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp",
-                            imageAlt: "France trip",
-                        },
+                            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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp",                            avatarAlt: "Roberta Chen",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp",                            imageAlt: "France trip"},
                     ]}
                 />
+                <EmailSignupForm
+                    className="py-20"
+                    inputPlaceholder="Enter your email to receive updates"
+                    buttonText="Subscribe"
+                    onSubmit={(email) => console.log('Newsletter signup:', email)}
+                />
                 <ContactSplitForm
                     title="Plan Your Journey"
                     description="Let us create your perfect luxury travel experience"
@@ -262,9 +179,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         { name: "destination", type: "text", placeholder: "Dream Destination" },
                     ]}
                     textarea={{
-                        name: "message",
-                        placeholder: "Tell us about your ideal travel experience...",
-                        rows: 4,
+                        name: "message",                        placeholder: "Tell us about your ideal travel experience...",                        rows: 4,
                     }}
                 />
                 <FooterCard
@@ -279,4 +194,4 @@ export default function LuxuryTravelAgencyTemplatePage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,143 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Wrench, GraduationCap, LifeBuoy, Router, HardDrive, CloudCog, ShieldCheck, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function ServicesPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "About", id: "about" },
+                        { name: "Services", id: "/services" },
+                        { name: "Destinations", id: "destinations" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "Contact", id: "contact" }
+                    ]}
+                    brandName="Luxuria"
+                    button={{ text: "Plan Your Trip", href: "#contact" }}
+                />
+
+                <FeatureCardTwentyFive
+                    className="pt-20 lg:pt-40"
+                    tag="Our Offerings"
+                    title="Comprehensive IT Solutions for Your Business"
+                    description="From initial setup to ongoing maintenance, we provide a full spectrum of IT services tailored to your needs."
+                    textboxLayout="default"
+                    animationType="slide-up"
+                    useInvertedBackground={false}
+                    features={[
+                        {
+                            title: "Helo Installation",                            description: "Professional setup and configuration of your Helo systems for optimal performance.",                            icon: Wrench,
+                            mediaItems: [
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature7.webp", imageAlt: "Helo Installation" },
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature8.webp", imageAlt: "System Setup" }
+                            ]
+                        },
+                        {
+                            title: "Training & Workshops",                            description: "Empower your team with comprehensive training on new software and IT best practices.",                            icon: GraduationCap,
+                            mediaItems: [
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature9.webp", imageAlt: "IT Training" },
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature10.webp", imageAlt: "Workshop" }
+                            ]
+                        },
+                        {
+                            title: "Technical Support",                            description: "Reliable and responsive support to resolve any technical issues swiftly.",                            icon: LifeBuoy,
+                            mediaItems: [
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature11.webp", imageAlt: "Technical Support" },
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature12.webp", imageAlt: "Customer Service" }
+                            ]
+                        },
+                        {
+                            title: "Network Setup",                            description: "Secure and efficient network design, installation, and optimization.",                            icon: Router,
+                            mediaItems: [
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature13.webp", imageAlt: "Network Infrastructure" },
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature14.webp", imageAlt: "Cables" }
+                            ]
+                        },
+                        {
+                            title: "POS Equipment Installation",                            description: "Installation and configuration of Point of Sale hardware and software.",                            icon: HardDrive,
+                            mediaItems: [
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature15.webp", imageAlt: "POS Terminal" },
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature16.webp", imageAlt: "Cash Register" }
+                            ]
+                        },
+                        {
+                            title: "IT Consultation",                            description: "Expert advice to help you leverage technology for business growth.",                            icon: CloudCog,
+                            mediaItems: [
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature17.webp", imageAlt: "Consultation Meeting" },
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature18.webp", imageAlt: "Strategy" }
+                            ]
+                        },
+                        {
+                            title: "System Maintenance",                            description: "Proactive monitoring and maintenance to ensure system stability and security.",                            icon: ShieldCheck,
+                            mediaItems: [
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature19.webp", imageAlt: "System Maintenance" },
+                                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature20.webp", imageAlt: "Security Check" }
+                            ]
+                        }
+                    ]}
+                />
+
+                <SplitAbout
+                    tag="Deep Dive"
+                    title="Helo Installation Service"
+                    description="Our Helo installation service ensures a smooth and efficient setup of your new systems. We handle everything from hardware placement to software configuration, ensuring your Helo infrastructure is optimized for performance and reliability. Our certified technicians follow industry best practices to minimize downtime and integrate seamlessly with your existing IT environment."
+                    bulletPoints={[
+                        { title: "Professional Setup", description: "Certified technicians ensure precise and reliable installation." },
+                        { title: "Seamless Integration", description: "Guaranteed compatibility with your current systems." },
+                        { title: "Performance Optimization", description: "Systems configured for maximum efficiency and speed." }
+                    ]}
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/features/feature2.webp"
+                    imageAlt="Helo installation details"
+                    imagePosition="right"
+                    textboxLayout="default"
+                    useInvertedBackground={true}
+                />
+
+                <SplitAbout
+                    tag="Expert Guidance"
+                    title="IT Consultation & Strategy"
+                    description="Gain a competitive edge with our expert IT consultation services. We assess your current technological landscape, identify areas for improvement, and develop strategic roadmaps to align your IT infrastructure with your business goals. Our consultants provide actionable insights to drive innovation, improve efficiency, and ensure robust security."
+                    bulletPoints={[
+                        { title: "Strategic Planning", description: "Develop long-term IT strategies for sustainable growth." },
+                        { title: "Technology Assessment", description: "Evaluate current systems and recommend future-proof solutions." },
+                        { title: "Security & Compliance", description: "Ensure your IT operations meet the highest standards." }
+                    ]}
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/agency-corporate/hero/hero6.webp"
+                    imageAlt="IT consultation details"
+                    imagePosition="left"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                />
+
+                <FooterCard
+                    logoText="Luxuria"
+                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/shop/page.tsx

@@ -0,0 +1,135 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ContactForm from '@/components/form/ContactForm';
+import FooterCard from "@/components/sections/footer/FooterCard";
+import ProductCartItem from '@/components/ecommerce/cart/ProductCartItem';
+import { ShoppingCart, ShoppingBag, CreditCard, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function ShopPage() {
+    // Dummy product data for demonstration
+    const products = [
+        { id: "1", brand: "TechCo", name: "UltraBook Pro (Laptops)", price: "$1200", rating: 4, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp", imageAlt: "Laptop" },
+        { id: "2", brand: "GamerTech", name: "Gaming Desktop Elite (Computers)", price: "$1800", rating: 5, reviewCount: "90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp", imageAlt: "Desktop Computer" },
+        { id: "3", brand: "NetGear", name: "High-Speed Modem (Network)", price: "$150", rating: 4, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp", imageAlt: "Modem" },
+        { id: "4", brand: "Cisco", name: "Managed Ethernet Switch (Network)", price: "$300", rating: 4, reviewCount: "75", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp", imageAlt: "Network Switch" },
+        { id: "5", brand: "StorageMax", name: "2TB External SSD (Storage)", price: "$250", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service2.webp", imageAlt: "External SSD" },
+        { id: "6", brand: "POSPlus", name: "All-in-One POS System (POS Equipment)", price: "$900", rating: 4, reviewCount: "50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "POS Terminal" },
+        { id: "7", brand: "AccessoryPro", name: "Wireless Ergonomic Keyboard (Accessories)", price: "$75", rating: 4, reviewCount: "300", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Keyboard" }
+    ];
+
+    // Dummy cart items for demonstration
+    const cartItems = [
+        { id: "1", name: "UltraBook Pro", price: "$1200", quantity: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp" },
+        { id: "3", name: "High-Speed Modem", price: "$150", quantity: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp" }
+    ];
+
+    const onQuantityChange = (id: string, quantity: number) => {
+        console.log(`Changed quantity of item ${id} to ${quantity}`);
+        // In a real app, update state here
+    };
+
+    const onRemove = (id: string) => {
+        console.log(`Removed item ${id} from cart`);
+        // In a real app, update state here
+    };
+
+    const navItems = [
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Destinations", id: "destinations" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Contact", id: "contact" },
+        { name: "Shop", id: "/shop" }
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Luxuria"
+                    button={{ text: "Plan Your Trip", href: "#contact" }}
+                />
+
+                <div id="shop-products" data-section="shop-products">
+                    <ProductCardTwo
+                        tag="Shop Now"
+                        tagIcon={ShoppingBag}
+                        title="Our Product Catalog"
+                        description="Explore our wide range of electronics, network equipment, and accessories. Use advanced search and filters to find your perfect product, categorized for easy browsing."
+                        textboxLayout="default"
+                        animationType="slide-up"
+                        gridVariant="three-columns-all-equal-width"
+                        uniformGridCustomHeightClasses="h-auto"
+                        useInvertedBackground={false}
+                        products={products}
+                        className="py-20"
+                    />
+                </div>
+
+                <div id="shopping-cart" data-section="shopping-cart" className="py-20 bg-background-accent">
+                    <div className="container mx-auto px-4 md:px-6 lg:px-8">
+                        <div className="text-center mb-12">
+                            <span className="inline-flex items-center gap-2 px-3 py-1 rounded-full text-sm font-medium bg-primary-cta text-white">
+                                <ShoppingCart size={16} /> Shopping Cart
+                            </span>
+                            <h2 className="text-4xl font-semibold mt-4 text-foreground">Your Order Summary</h2>
+                            <p className="mt-2 text-muted-foreground max-w-2xl mx-auto">Review your selected items before proceeding to checkout.</p>
+                        </div>
+                        <div className="grid gap-6 max-w-3xl mx-auto">
+                            {cartItems.map((item) => (
+                                <ProductCartItem
+                                    key={item.id}
+                                    item={item}
+                                    onQuantityChange={onQuantityChange}
+                                    onRemove={onRemove}
+                                />
+                            ))}
+                        </div>
+                        <div className="max-w-3xl mx-auto mt-8 p-6 bg-card rounded-lg shadow-lg flex justify-between items-center text-foreground">
+                            <span className="text-xl font-semibold">Total:</span>
+                            <span className="text-2xl font-bold">$1500</span>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="checkout" data-section="checkout">
+                    <ContactForm
+                        tag="Payment Gateway"
+                        tagIcon={CreditCard}
+                        title="Secure Checkout & Quick Order"
+                        description="Complete your purchase securely or place a quick order. We support various online payment methods to ensure a smooth transaction."
+                        useInvertedBackground={false}
+                        buttonText="Proceed to Payment"
+                        className="py-20"
+                    />
+                </div>
+
+                <FooterCard
+                    logoText="Luxuria Tech"
+                    copyrightText="© 2025 Luxuria Tech | All Rights Reserved"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/support/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Sparkles, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function SupportPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "About", id: "about" },
+                        { name: "Services", id: "services" },
+                        { name: "Destinations", id: "destinations" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "Consultation", id: "/consultation" },
+                        { name: "Support", id: "/support" },
+                        { name: "Contact", id: "contact" }
+                    ]}
+                    brandName="Luxuria"
+                    button={{ text: "Plan Your Trip", href: "/" }} // Link back to home contact if needed
+                />
+                <ContactSplit
+                    tag="Help & Assistance"
+                    tagIcon={Sparkles}
+                    title="Support Request"
+                    description="If you need assistance with your booking, have a general inquiry, or require technical support, please fill out the form below."
+                    background={{ variant: 'radial-gradient' }}
+                    useInvertedBackground={false}
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp?_wi=2"
+                    imageAlt="Support team assistance"
+                    mediaPosition="right"
+                    mediaAnimation="slide-up"
+                    buttonText="Submit Support Request"
+                />
+                <FooterCard
+                    logoText="Luxuria"
+                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}