Update src/app/contact/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,69 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { BookOpen, Lightbulb, Gem, Users, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function AboutPage() {
+    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: "Programs", id: "/programs" },
+                        { name: "Services", id: "services" },
+                        { name: "Destinations", id: "destinations" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "Contact", id: "contact" }
+                    ]}
+                    brandName="Saint Peters International Academy"
+                    button={{ text: "Apply Now", href: "#contact" }}
+                />
+                <div id="mission-values" data-section="mission-values">
+                    <MetricSplitMediaAbout
+                        className="pt-40"
+                        title="Our Mission & Values"
+                        description="Saint Peters International Academy is dedicated to fostering intellectual curiosity, personal growth, and global citizenship. We empower students to achieve academic excellence and become compassionate leaders."
+                        metrics={[
+                            { value: "Excellence", title: "Academic Rigor" },
+                            { value: "Integrity", title: "Ethical Leadership" },
+                            { value: "Innovation", title: "Future-Ready Skills" },
+                            { value: "Community", title: "Global Perspective" }
+                        ]}
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/hero/hero1.webp"
+                        imageAlt="University Building"
+                        tag="About Us"
+                        tagIcon={BookOpen}
+                        useInvertedBackground={false}
+                        mediaAnimation="slide-up"
+                        metricsAnimation="slide-up"
+                    />
+                </div>
+                <FooterCard
+                    logoText="Saint Peters International Academy"
+                    copyrightText="© 2024 Saint Peters International Academy"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/admissions/page.tsx

@@ -1,14 +1,13 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import TextAbout from '@/components/sections/about/TextAbout';
-import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from '@/components/sections/footer/FooterCard';
-import FooterCard from "@/components/sections/footer/FooterCard";
+import { BookOpen, Lightbulb, Gem, Users, Instagram, Facebook, Linkedin } from "lucide-react";
-import { Sparkles, Compass, CheckCircle, Instagram, Facebook, Linkedin } from "lucide-react";
 
 export default function AdmissionsPage() {
     return (
@@ -25,144 +24,63 @@ export default function AdmissionsPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="nav" data-section="nav">
+                <NavbarLayoutFloatingInline
-                    <NavbarLayoutFloatingInline
+                    navItems={[
-                        navItems={[
+                        { name: "Home", id: "/" },
-                            { name: "About", id: "/#about" },
+                        { name: "About", id: "/about" },
-                            { name: "Services", id: "/#services" },
+                        { name: "Programs", id: "/programs" },
-                            { name: "Destinations", id: "/#destinations" },
+                        { name: "Admissions", id: "/admissions" },
-                            { name: "Reviews", id: "/#reviews" },
+                        { name: "Contact", id: "/contact" }
-                            { name: "Admissions", id: "/admissions" },
-                            { name: "Faculty & Staff", id: "/faculty-staff" },
-                            { name: "Contact", id: "/#contact" }
-                        ]}
-                        brandName="Luxuria"
-                        button={{ text: "Plan Your Trip", href: "/#contact" }}
-                    />
-                </div>
-
-                <InlineImageSplitTextAbout
-                    className="pt-40"
-                    heading={[
-                        { type: "text", content: "Embark on Your Journey with" },
-                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", alt: "Admissions" },
-                        { type: "text", content: "Luxuria" }
                     ]}
-                    buttons={[
+                    brandName="Saint Peters International Academy"
-                        { text: "Apply Now", href: "#application-process" },
+                    button={{ text: "Apply Now", href: "#contact" }}
-                        { text: "Contact Admissions", href: "#contact-admissions" }
-                    ]}
-                    useInvertedBackground={false}
                 />
-
+                <div id="vision-mission" data-section="vision-mission">
-                <div id="application-process" data-section="application-process">
+                    <TextAbout
-                    <TimelineProcessFlow
+                        className="pt-40"
-                        tag="Process"
+                        title="Our Vision & Mission"
-                        tagIcon={Sparkles}
+                        buttons={[{ text: "Learn More", href: "#" }]}
-                        title="Our Application Process"
+                        useInvertedBackground={false}
-                        description="Our streamlined process ensures a smooth journey from inquiry to enrollment."
-                        textboxLayout="default"
-                        animationType="slide-up"
-                        items={[
-                            {
-                                content: (
-                                    <div className="flex flex-col gap-2">
-                                        <h3 className="text-xl font-semibold">Online Application</h3>
-                                        <p className="text-gray-600">Complete and submit your application form through our secure portal.</p>
-                                    </div>
-                                ),
-                                media: <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp" alt="Online Application" className="rounded-lg object-cover w-full h-auto max-h-48" />,
-                                reverse: false
-                            },
-                            {
-                                content: (
-                                    <div className="flex flex-col gap-2">
-                                        <h3 className="text-xl font-semibold">Document Submission</h3>
-                                        <p className="text-gray-600">Upload all required academic transcripts, recommendations, and essays.</p>
-                                    </div>
-                                ),
-                                media: <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp" alt="Document Submission" className="rounded-lg object-cover w-full h-auto max-h-48" />,
-                                reverse: true
-                            },
-                            {
-                                content: (
-                                    <div className="flex flex-col gap-2">
-                                        <h3 className="text-xl font-semibold">Interview & Assessment</h3>
-                                        <p className="text-gray-600">Qualified candidates will be invited for an interview and/or assessment.</p>
-                                    </div>
-                                ),
-                                media: <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service2.webp" alt="Interview" className="rounded-lg object-cover w-full h-auto max-h-48" />,
-                                reverse: false
-                            },
-                            {
-                                content: (
-                                    <div className="flex flex-col gap-2">
-                                        <h3 className="text-xl font-semibold">Admission Decision</h3>
-                                        <p className="text-gray-600">Receive your admission decision and next steps.</p>
-                                    </div>
-                                ),
-                                media: <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp" alt="Decision" className="rounded-lg object-cover w-full h-auto max-h-48" />,
-                                reverse: true
-                            }
-                        ]}
                     />
                 </div>
-
+                <div id="curriculum" data-section="curriculum">
-                <div id="requirements" data-section="requirements">
+                    <FeatureCardSeven
-                    <FeatureCardTwentySeven
+                        tag="Curriculum"
-                        tag="Requirements"
+                        tagIcon={BookOpen}
-                        tagIcon={Compass}
+                        title="A World-Class Learning Experience"
-                        title="Admission Requirements"
+                        description="Our curriculum is designed to challenge students and foster critical thinking, creativity, and a global perspective."
-                        description="We seek talented and motivated individuals eager to contribute to our community."
                         textboxLayout="default"
                         animationType="slide-up"
                         useInvertedBackground={false}
                         features={[
                             {
-                                id: "academic",                                title: "Academic Excellence",                                descriptions: ["Official transcripts demonstrating strong academic performance in relevant subjects.", "A minimum GPA or equivalent from your previous institutions."],
+                                title: "Holistic Development",                                description: "Focus on intellectual, emotional, and social growth.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/features/feature1.webp",                                imageAlt: "Holistic Development"
-                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp",                                imageAlt: "Academic book"
                             },
                             {
-                                id: "recommendations",                                title: "Letters of Recommendation",                                descriptions: ["Two letters from teachers or academic counselors who can speak to your abilities and character."],
+                                title: "Innovative Teaching",                                description: "Modern methodologies and technology integration.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/features/feature2.webp",                                imageAlt: "Innovative Teaching"
-                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp",                                imageAlt: "Recommendation letters"
-                            },
-                            {
-                                id: "statement",                                title: "Personal Statement",                                descriptions: ["An essay (500-700 words) detailing your aspirations, relevant experiences, and why you wish to join our institution."],
-                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp",                                imageAlt: "Personal statement writing"
-                            },
-                            {
-                                id: "proficiency",                                title: "English Proficiency",                                descriptions: ["Proof of English language proficiency (e.g., TOEFL, IELTS, Duolingo English Test) if English is not your native language."],
-                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.webp",                                imageAlt: "English test result"
                             }
                         ]}
                     />
                 </div>
-
+                <div id="admissions-faq" data-section="admissions-faq">
-                <div id="contact-admissions" data-section="contact-admissions">
+                    <FaqSplitMedia
-                    <ContactSplitForm
+                        tag="Admissions FAQ"
-                        title="Inquire About Admissions"
+                        tagIcon={Lightbulb}
-                        description="Our admissions team is ready to assist you with any questions about the application process, requirements, or life at Luxuria."
+                        title="Frequently Asked Questions"
-                        useInvertedBackground={false}
+                        description="Find answers to common questions about our admissions process, requirements, and deadlines."
-                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
+                        useInvertedBackground={true}
-                        imageAlt="Admissions contact"
+                        faqsAnimation="slide-up"
-                        mediaPosition="right"
+                        textboxLayout="default"
-                        mediaAnimation="slide-up"
+                        faqs={[
-                        buttonText="Send Inquiry"
+                            { id: "1", title: "What are the admission requirements?", content: "Applicants are required to submit an online application, academic transcripts, letters of recommendation, and a personal essay. Specific requirements may vary by program." },
-                        inputs={[
+                            { id: "2", title: "When is the application deadline?", content: "Early application deadline is November 1st, and the regular decision deadline is January 15th for the upcoming academic year. We encourage early submission." },
-                            { name: "name", type: "text", placeholder: "Full Name", required: true },
+                            { id: "3", title: "Do you offer financial aid?", content: "Yes, we offer a range of scholarships and financial aid options based on merit and need. Detailed information and application forms are available on our financial aid page." }
-                            { name: "email", type: "email", placeholder: "Email Address", required: true },
-                            { name: "phone", type: "tel", placeholder: "Phone Number" },
-                            { name: "question", type: "text", placeholder: "Your Question Subject" }
                         ]}
-                        textarea={{
-                            name: "message",                            placeholder: "Please describe your question or inquiry...",                            rows: 4
-                        }}
                     />
                 </div>
-
                 <FooterCard
-                    logoText="Luxuria"
+                    logoText="Saint Peters International Academy"
-                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                    copyrightText="© 2024 Saint Peters International Academy"
                     socialLinks={[
                         { icon: Instagram, href: "#", ariaLabel: "Instagram" },
                         { icon: Facebook, href: "#", ariaLabel: "Facebook" },
@@ -172,4 +90,4 @@ export default function AdmissionsPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/contact/page.tsx

@@ -1,27 +1,13 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterCard from "@/components/sections/footer/FooterCard";
+import FooterCard from '@/components/sections/footer/FooterCard';
-import { Instagram, Facebook, Linkedin, MapPin, Clock } from "lucide-react";
+import { Phone, Mail, Instagram, Facebook, Linkedin } from "lucide-react";
-
-export const metadata = {
-    title: 'Contact Us | Luxuria Travel',
-    description: 'Get in touch with Luxuria Travel to plan your bespoke luxury journey. Find our office hours and location.',
-};
 
 export default function ContactPage() {
-    const navItems = [
-        { name: "About", id: "/#about" },
-        { name: "Services", id: "/#services" },
-        { name: "Destinations", id: "/#destinations" },
-        { name: "Reviews", id: "/#reviews" },
-        { name: "Contact", id: "/contact" },
-        { name: "Gallery", id: "/gallery" }
-    ];
-
     return (
         <ThemeProvider
             defaultButtonVariant="icon-arrow"
@@ -36,80 +22,38 @@ export default function ContactPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="nav" data-section="nav">
+                <NavbarLayoutFloatingInline
-                    <NavbarLayoutFloatingInline
+                    navItems={[
-                        navItems={navItems}
+                        { name: "Home", id: "/" },
-                        brandName="Luxuria"
+                        { name: "About", id: "/about" },
-                        button={{ text: "Plan Your Trip", href: "/contact" }}
+                        { name: "Programs", id: "/programs" },
+                        { name: "Admissions", id: "/admissions" },
+                        { name: "Contact", id: "/contact" }
+                    ]}
+                    brandName="Saint Peters International Academy"
+                    button={{ text: "Apply Now", href: "#contact" }}
+                />
+                <div id="contact-us" data-section="contact-us">
+                    <ContactSplitForm
+                        title="Contact Saint Peters International Academy"
+                        description="We're here to answer your questions and provide more information about our programs and admissions process."
+                        useInvertedBackground={false}
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/contact/contact1.webp"
+                        imageAlt="Contact Us"
+                        mediaPosition="right"
+                        mediaAnimation="slide-up"
+                        inputs={[
+                            { name: "name", type: "text", placeholder: "Your Name", required: true },
+                            { name: "email", type: "email", placeholder: "Your Email", required: true },
+                            { name: "phone", type: "tel", placeholder: "Your Phone (Optional)" }
+                        ]}
+                        textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
+                        buttonText="Send Message"
                     />
                 </div>
-
-                <div id="contact-info-and-form" data-section="contact-info-and-form" className="relative isolate overflow-hidden py-16 sm:py-24 lg:py-32">
-                    <div className="mx-auto max-w-7xl px-6 lg:px-8">
-                        <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
-                            <div className="max-w-xl lg:max-w-lg">
-                                <p className="text-base font-semibold leading-7 text-primary-cta">Get in touch</p>
-                                <h2 className="mt-2 text-3xl font-bold tracking-tight text-foreground sm:text-4xl">Visit Us or Send a Message</h2>
-                                <p className="mt-6 text-lg leading-8 text-foreground/80">
-                                    Whether you prefer to connect digitally or in person, our team is ready to assist you in planning your next bespoke adventure.
-                                </p>
-                                <dl className="mt-10 space-y-4 text-base leading-7 text-foreground/80">
-                                    <div className="flex gap-x-4">
-                                        <dt className="flex-none">
-                                            <span className="sr-only">Address</span>
-                                            <MapPin className="h-7 w-6 text-foreground" aria-hidden="true" />
-                                        </dt>
-                                        <dd>
-                                            123 Serenity Lane, Suite 100
-                                            <br />
-                                            Paradise City, 90210, Global
-                                        </dd>
-                                    </div>
-                                    <div className="flex gap-x-4">
-                                        <dt className="flex-none">
-                                            <span className="sr-only">Office Hours</span>
-                                            <Clock className="h-7 w-6 text-foreground" aria-hidden="true" />
-                                        </dt>
-                                        <dd>
-                                            Monday - Friday: 9:00 AM - 6:00 PM
-                                            <br />
-                                            Saturday: 10:00 AM - 2:00 PM
-                                            <br />
-                                            Sunday: Closed
-                                        </dd>
-                                    </div>
-                                </dl>
-                                <div className="mt-10 bg-gray-200 aspect-video rounded-lg overflow-hidden flex items-center justify-center text-gray-500 text-sm">
-                                    <p>Location Map Placeholder</p>
-                                </div>
-                            </div>
-                            <ContactSplitForm
-                                title="Plan Your Journey"
-                                description="Let us create your perfect luxury travel experience"
-                                useInvertedBackground={false}
-                                imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
-                                imageAlt="Luxury travel"
-                                mediaPosition="left"
-                                mediaAnimation="slide-up"
-                                buttonText="Start Planning"
-                                inputs={[
-                                    { name: "name", type: "text", placeholder: "Full Name", required: true },
-                                    { name: "email", type: "email", placeholder: "Email Address", required: true },
-                                    { name: "phone", type: "tel", placeholder: "Phone Number" },
-                                    { name: "destination", type: "text", placeholder: "Dream Destination" }
-                                ]}
-                                textarea={{
-                                    name: "message",                                    placeholder: "Tell us about your ideal travel experience...",                                    rows: 4
-                                }}
-                                className="relative isolate p-6 md:p-8 lg:p-10 rounded-xl shadow-lg bg-card"
-                            />
-                        </div>
-                    </div>
-                </div>
-
                 <FooterCard
-                    logoText="Luxuria"
+                    logoText="Saint Peters International Academy"
-                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                    copyrightText="© 2024 Saint Peters International Academy"
                     socialLinks={[
                         { icon: Instagram, href: "#", ariaLabel: "Instagram" },
                         { icon: Facebook, href: "#", ariaLabel: "Facebook" },
@@ -119,4 +63,4 @@ export default function ContactPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/page.tsx

@@ -8,10 +8,11 @@ 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 NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-react";
+import { Sparkles, Plane, Compass } from "lucide-react";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function LuxuryTravelAgencyTemplatePage() {
     return (
@@ -30,158 +31,200 @@ export default function LuxuryTravelAgencyTemplatePage() {
             <ReactLenis root>
                 <NavbarLayoutFloatingInline
                     navItems={[
+                        { name: "Home", id: "hero" },
                         { name: "About", id: "about" },
                         { name: "Services", id: "services" },
                         { name: "Destinations", id: "destinations" },
                         { name: "Reviews", id: "reviews" },
-                        { name: "Contact", id: "contact" },
+                        { name: "Accreditations", id: "accreditations" },
-                        { name: "Student Life", id: "/student-life" },
+                        { name: "Contact", id: "contact" }
-                        { name: "News", id: "/news" }
                     ]}
                     brandName="Luxuria"
                     button={{ text: "Plan Your Trip", href: "#contact" }}
                 />
-                <HeroCarouselLogo
+                <div id="hero" data-section="hero">
-                    logoText="Luxuria"
+                    <HeroCarouselLogo
-                    description="Experience the world's most extraordinary destinations with our bespoke luxury travel experiences curated just for you."
+                        logoText="Luxuria"
-                    buttons={[
+                        description="Experience the world's most extraordinary destinations with our bespoke luxury travel experiences curated just for you."
-                        { text: "Plan Your Journey", href: "#contact" },
+                        buttons={[
-                        { text: "Explore Destinations", href: "#destinations" },
+                            { text: "Plan Your Journey", href: "#contact" },
-                    ]}
+                            { text: "Explore Destinations", href: "#destinations" },
-                    slides={[
+                        ]}
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero1.webp", imageAlt: "Luxury resort" },
+                        slides={[
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero2.webp", imageAlt: "Private yacht" },
+                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero1.webp", imageAlt: "Luxury resort" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", imageAlt: "Private yacht" },
+                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero2.webp", imageAlt: "Private yacht" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", imageAlt: "Private yacht" },
+                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", imageAlt: "Private yacht" },
-                    ]}
+                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", imageAlt: "Private yacht" },
-                    showDimOverlay={true}
+                        ]}
-                />
+                        showDimOverlay={true}
-                <InlineImageSplitTextAbout
+                    />
-                    className="pt-40"
+                </div>
-                    heading={[
+                <div id="accreditations" data-section="accreditations">
-                        { type: "text", content: "We craft" },
+                    <SocialProofOne
-                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", alt: "Travel" },
+                        tag="Trust & Recognition"
-                        { type: "text", content: "unforgettable journeys to the world's most" },
+                        title="Trusted by discerning travelers and industry leaders"
-                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", alt: "Destination" },
+                        description="Our commitment to excellence has earned us recognition from top travel authorities and partnerships with the finest hospitality brands worldwide."
-                        { type: "text", content: "exclusive destinations" },
+                        names={["Condé Nast Traveler", "Forbes Travel Guide", "Travel + Leisure", "Virtuoso", "Leading Hotels of the World", "Small Luxury Hotels"]}
-                    ]}
+                        useInvertedBackground={false}
-                    buttons={[
+                        textboxLayout="default"
-                        { text: "Our Story", href: "#" },
+                    />
-                    ]}
+                </div>
-                    useInvertedBackground={false}
+                <div id="about" data-section="about">
-                />
+                    <InlineImageSplitTextAbout
-                <FeatureCardOne
+                        className="pt-40"
-                    tag="Services"
+                        heading={[
-                    tagIcon={Sparkles}
+                            { type: "text", content: "We craft" },
-                    title="Tailored Travel Experiences"
+                            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", alt: "Travel" },
-                    description="From private jets to secluded villas, we handle every detail of your journey"
+                            { type: "text", content: "unforgettable journeys to the world's most" },
-                    textboxLayout="default"
+                            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", alt: "Destination" },
-                    animationType="slide-up"
+                            { type: "text", content: "exclusive destinations" },
-                    gridVariant="uniform-all-items-equal"
+                        ]}
-                    uniformGridCustomHeightClasses="h-100 2xl:h-110"
+                        buttons={[
-                    useInvertedBackground={false}
+                            { text: "Our Story", href: "#" },
-                    features={[
+                        ]}
-                        {
+                        useInvertedBackground={false}
-                            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"},
+                    />
-                        {
+                </div>
-                            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"},
+                <div id="services" data-section="services">
-                        {
+                    <FeatureCardOne
-                            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"},
+                        tag="Services"
-                        {
+                        tagIcon={Sparkles}
-                            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="Tailored Travel Experiences"
-                        {
+                        description="From private jets to secluded villas, we handle every detail of your journey"
-                            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"}
+                        textboxLayout="default"
-                    ]}
+                        animationType="slide-up"
-                />
+                        gridVariant="uniform-all-items-equal"
-                <FeatureCardNine
+                        uniformGridCustomHeightClasses="h-100 2xl:h-110"
-                    tag="How It Works"
+                        useInvertedBackground={false}
-                    tagIcon={Compass}
+                        features={[
-                    title="Your Journey Begins Here"
+                            {
-                    description="From initial consultation to your return home, we manage every detail"
+                                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" },
-                    textboxLayout="default"
+                            {
-                    showStepNumbers={true}
+                                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" },
-                    animationType="slide-up"
+                            {
-                    useInvertedBackground={false}
+                                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" },
-                    features={[
+                            {
-                        {
+                                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: "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: "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: "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" },
+                </div>
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
+                <div id="how-it-works" data-section="how-it-works">
-                        },
+                    <FeatureCardNine
-                        {
+                        tag="How It Works"
-                            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" },
+                        tagIcon={Compass}
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
+                        title="Your Journey Begins Here"
-                        },
+                        description="From initial consultation to your return home, we manage every detail"
-                    ]}
+                        textboxLayout="default"
-                />
+                        showStepNumbers={true}
-                <FeatureCardMedia
+                        animationType="slide-up"
-                    tag="Destinations"
+                        useInvertedBackground={false}
-                    tagIcon={Plane}
+                        features={[
-                    title="Extraordinary Destinations"
+                            {
-                    description="Explore handpicked locations that define luxury travel"
+                                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" },
-                    textboxLayout="default"
+                                phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
-                    animationType="slide-up"
+                            },
-                    useInvertedBackground={false}
+                            {
-                    features={[
+                                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" },
-                            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"},
+                                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" },
-                            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"},
+                    />
-                        {
+                </div>
-                            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"},
+                <div id="destinations" data-section="destinations">
-                        {
+                    <FeatureCardMedia
-                            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"},
+                        tag="Destinations"
-                    ]}
+                        tagIcon={Plane}
-                />
+                        title="Extraordinary Destinations"
-                <TestimonialCardFive
+                        description="Explore handpicked locations that define luxury travel"
-                    tag="Reviews"
+                        textboxLayout="default"
-                    tagIcon={Sparkles}
+                        animationType="slide-up"
-                    title="What Our Travelers Say"
+                        useInvertedBackground={false}
-                    description="Hear from guests who've experienced extraordinary journeys"
+                        features={[
-                    textboxLayout="default"
+                            {
-                    useInvertedBackground={false}
+                                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" },
-                    testimonials={[
+                            {
-                        {
+                                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: "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: "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: "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: "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: "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: "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" },
-                />
+                            {
-                <ContactSplitForm
+                                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" },
-                    title="Plan Your Journey"
+                        ]}
-                    description="Let us create your perfect luxury travel experience"
+                    />
-                    useInvertedBackground={false}
+                </div>
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
+                <div id="reviews" data-section="reviews">
-                    imageAlt="Luxury travel"
+                    <TestimonialCardFive
-                    mediaPosition="right"
+                        tag="Reviews"
-                    mediaAnimation="slide-up"
+                        tagIcon={Sparkles}
-                    buttonText="Start Planning"
+                        title="What Our Travelers Say"
-                    inputs={[
+                        description="Hear from guests who've experienced extraordinary journeys"
-                        { name: "name", type: "text", placeholder: "Full Name", required: true },
+                        textboxLayout="default"
-                        { name: "email", type: "email", placeholder: "Email Address", required: true },
+                        useInvertedBackground={false}
-                        { name: "phone", type: "tel", placeholder: "Phone Number" },
+                        testimonials={[
-                        { name: "destination", type: "text", placeholder: "Dream Destination" },
+                            {
-                    ]}
+                                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" },
-                    textarea={{
+                            {
-                        name: "message",                        placeholder: "Tell us about your ideal travel experience...",                        rows: 4,
+                                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" },
-                <FooterCard
+                        ]}
+                    />
+                </div>
+                <div id="contact" data-section="contact">
+                    <ContactSplitForm
+                        title="Plan Your Journey"
+                        description="Let us create your perfect luxury travel experience"
+                        useInvertedBackground={false}
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
+                        imageAlt="Luxury travel"
+                        mediaPosition="right"
+                        mediaAnimation="slide-up"
+                        buttonText="Start Planning"
+                        inputs={[
+                            { name: "name", type: "text", placeholder: "Full Name", required: true },
+                            { name: "email", type: "email", placeholder: "Email Address", required: true },
+                            { name: "phone", type: "tel", placeholder: "Phone Number" },
+                            { name: "destination", type: "text", placeholder: "Dream Destination" },
+                        ]}
+                        textarea={{
+                            name: "message", placeholder: "Tell us about your ideal travel experience...", rows: 4,
+                        }}
+                    />
+                </div>
+                <FooterBase
                     logoText="Luxuria"
                     copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
-                    socialLinks={[
+                    columns={[
-                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        {
-                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                            title: "Explore", items: [
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                                { label: "Home", href: "#hero" },
+                                { label: "About", href: "#about" },
+                                { label: "Services", href: "#services" },
+                                { label: "Destinations", href: "#destinations" },
+                            ],
+                        },
+                        {
+                            title: "Company", items: [
+                                { label: "Reviews", href: "#reviews" },
+                                { label: "Accreditations", href: "#accreditations" },
+                                { label: "Contact Us", href: "#contact" },
+                            ],
+                        },
+                        {
+                            title: "Legal", items: [
+                                { label: "Privacy Policy", href: "/privacy" },
+                                { label: "Terms of Service", href: "/terms" },
+                            ],
+                        },
                     ]}
                 />
             </ReactLenis>

src/app/privacy/page.tsx

@@ -0,0 +1,98 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import LegalSection from "@/components/legal/LegalSection";
+
+export default function PrivacyPage() {
+  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: "Home", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Destinations", id: "destinations" },
+            { name: "Reviews", id: "reviews" },
+            { name: "Accreditations", id: "accreditations" },
+            { name: "Contact", id: "contact" }
+          ]}
+          brandName="Luxuria"
+          button={{ text: "Plan Your Trip", href: "#contact" }}
+        />
+        <LegalSection
+          layout="page"
+          title="Privacy Policy"
+          subtitle="Last Updated: January 1, 2024"
+          sections={[
+            {
+              heading: "1. Introduction",              content: [
+                { type: "paragraph", text: "Welcome to Luxuria. We are committed to protecting your privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website luxuria.com, including any other media form, media channel, mobile website, or mobile application related or connected thereto (collectively, the “Site”). Please read this privacy policy carefully. If you do not agree with the terms of this privacy policy, please do not access the site."
+                }
+              ]
+            },
+            {
+              heading: "2. Collection of Your Information",              content: [
+                { type: "paragraph", text: "We may collect information about you in a variety of ways. The information we may collect on the Site includes:"
+                },
+                { type: "list", items: [
+                  "Personal Data: Personally identifiable information, such as your name, shipping address, email address, and telephone number, and demographic information, such as your age, gender, hometown, and interests, that you voluntarily give to us when you register with the Site or when you choose to participate in various activities related to the Site, such as online chat and message boards.",                  "Derivative Data: Information our servers automatically collect when you access the Site, such as your IP address, your browser type, your operating system, your access times, and the pages you have viewed directly before and after accessing the Site.",                  "Financial Data: Financial information, such as data related to your payment method (e.g., valid credit card number, card brand, expiration date) that we may collect when you purchase, order, return, exchange, or request information about our services from the Site."
+                ]}
+              ]
+            },
+            {
+              heading: "3. Use of Your Information",              content: [
+                { type: "paragraph", text: "Having accurate information about you permits us to provide you with a smooth, efficient, and customized experience. Specifically, we may use information collected about you via the Site to:"
+                },
+                { type: "numbered-list", items: [
+                  "Administer sweepstakes, promotions, and contests.",                  "Assist law enforcement and respond to subpoena.",                  "Compile anonymous statistical data and analysis for use internally or with third parties.",                  "Create and manage your account.",                  "Deliver targeted advertising, coupons, newsletters, and other information regarding promotions and the Site to you.",                  "Email you regarding your account or order.",                  "Enable user-to-user communications.",                  "Fulfill and manage purchases, orders, payments, and other transactions related to the Site."
+                ]}
+              ]
+            }
+          ]}
+        />
+        <FooterBase
+          logoText="Luxuria"
+          copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+          columns={[
+            {
+              title: "Explore",              items: [
+                { label: "Home", href: "#hero" },
+                { label: "About", href: "#about" },
+                { label: "Services", href: "#services" },
+                { label: "Destinations", href: "#destinations" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "Reviews", href: "#reviews" },
+                { label: "Accreditations", href: "#accreditations" },
+                { label: "Contact Us", href: "#contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/privacy" },
+                { label: "Terms of Service", href: "/terms" },
+              ],
+            },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/programs/page.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function ProgramsPage() {
+    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: "Home", id: "/" },
+                        { name: "About", id: "/about" },
+                        { name: "Programs", id: "/programs" },
+                        { name: "Admissions", id: "/admissions" },
+                        { name: "Contact", id: "/contact" }
+                    ]}
+                    brandName="Saint Peters International Academy"
+                    button={{ text: "Apply Now", href: "#contact" }}
+                />
+                <div id="programs-overview" data-section="programs-overview">
+                    <FeatureCardOne
+                        title="Our Programs"
+                        description="Explore a diverse range of academic and extracurricular programs designed to foster intellectual growth and personal development."
+                        tag="Programs"
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        gridVariant="three-columns-all-equal-width"
+                        features={[
+                            {
+                                title: "Academic Excellence",                                description: "Rigorous curriculum focused on critical thinking and innovation.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/programs/program1.webp",                                imageAlt: "Academic Excellence"
+                            },
+                            {
+                                title: "Arts & Culture",                                description: "Vibrant programs in music, drama, and visual arts.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/programs/program2.webp",                                imageAlt: "Arts & Culture"
+                            },
+                            {
+                                title: "Sports & Athletics",                                description: "Develop physical skills and teamwork through various sports.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/programs/program3.webp",                                imageAlt: "Sports & Athletics"
+                            },
+                            {
+                                title: "Technology & Innovation",                                description: "Hands-on experience with cutting-edge technology.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/programs/program4.webp",                                imageAlt: "Technology & Innovation"
+                            }
+                        ]}
+                    />
+                </div>
+                <FooterCard
+                    logoText="Saint Peters International Academy"
+                    copyrightText="© 2024 Saint Peters International Academy"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
+  --background: #020617;
-  --card: #efe7dd;
+  --card: #0f172a;
-  --foreground: #2b180a;
+  --foreground: #e2e8f0;
-  --primary-cta: #2b180a;
+  --primary-cta: #c4d8f9;
-  --primary-cta-text: #f6f0e9;
+  --primary-cta-text: #020617;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #041633;
-  --secondary-cta-text: #2b180a;
+  --secondary-cta-text: #e2e8f0;
-  --accent: #94877c;
+  --accent: #2d30f3;
-  --background-accent: #afa094;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);