Update src/app/contact/page.tsx

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

@@ -0,0 +1,93 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import TextAbout from '@/components/sections/about/TextAbout';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { BookOpen, Lightbulb, Gem, Users, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function AdmissionsPage() {
+    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="vision-mission" data-section="vision-mission">
+                    <TextAbout
+                        className="pt-40"
+                        title="Our Vision & Mission"
+                        buttons={[{ text: "Learn More", href: "#" }]}
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <div id="curriculum" data-section="curriculum">
+                    <FeatureCardSeven
+                        tag="Curriculum"
+                        tagIcon={BookOpen}
+                        title="A World-Class Learning Experience"
+                        description="Our curriculum is designed to challenge students and foster critical thinking, creativity, and a global perspective."
+                        textboxLayout="default"
+                        animationType="slide-up"
+                        useInvertedBackground={false}
+                        features={[
+                            {
+                                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"
+                            },
+                            {
+                                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"
+                            }
+                        ]}
+                    />
+                </div>
+                <div id="admissions-faq" data-section="admissions-faq">
+                    <FaqSplitMedia
+                        tag="Admissions FAQ"
+                        tagIcon={Lightbulb}
+                        title="Frequently Asked Questions"
+                        description="Find answers to common questions about our admissions process, requirements, and deadlines."
+                        useInvertedBackground={true}
+                        faqsAnimation="slide-up"
+                        textboxLayout="default"
+                        faqs={[
+                            { 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." },
+                            { 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." },
+                            { 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." }
+                        ]}
+                    />
+                </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/contact/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Phone, Mail, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function ContactPage() {
+    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="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>
+                <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/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,253 +31,203 @@ 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: "Contact", id: "contact" }
                     ]}
                     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.",
+                </div>
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp",
+                <div id="services" data-section="services">
-                            imageAlt: "Private jet",
+                    <FeatureCardOne
-                        },
+                        tag="Services"
-                        {
+                        tagIcon={Sparkles}
-                            title: "Luxury Accommodations",
+                        title="Tailored Travel Experiences"
-                            description: "Handpicked five-star hotels, villas, and exclusive resorts.",
+                        description="From private jets to secluded villas, we handle every detail of your journey"
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp",
+                        textboxLayout="default"
-                            imageAlt: "Luxury hotel",
+                        animationType="slide-up"
-                        },
+                        gridVariant="uniform-all-items-equal"
-                        {
+                        uniformGridCustomHeightClasses="h-100 2xl:h-110"
-                            title: "Curated Experiences",
+                        useInvertedBackground={false}
-                            description: "Unique adventures and cultural immersions designed just for you.",
+                        features={[
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp",
+                            {
-                            imageAlt: "Experience",
+                                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: "Fine Dining",
+                            {
-                            description: "Reservations at Michelin-starred restaurants and private chef services.",
+                                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" },
-                            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",
+                </div>
-                            imageAlt: "Photography",
+                <div id="how-it-works" data-section="how-it-works">
-                        }
+                    <FeatureCardNine
-                    ]}
+                        tag="How It Works"
-                />
+                        tagIcon={Compass}
-                <FeatureCardNine
+                        title="Your Journey Begins Here"
-                    tag="How It Works"
+                        description="From initial consultation to your return home, we manage every detail"
-                    tagIcon={Compass}
+                        textboxLayout="default"
-                    title="Your Journey Begins Here"
+                        showStepNumbers={true}
-                    description="From initial consultation to your return home, we manage every detail"
+                        animationType="slide-up"
-                    textboxLayout="default"
+                        useInvertedBackground={false}
-                    showStepNumbers={true}
+                        features={[
-                    animationType="slide-up"
+                            {
-                    useInvertedBackground={false}
+                                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" },
-                    features={[
+                                phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
-                        {
+                            },
-                            title: "Share Your Vision",
+                            {
-                            description: "Tell us about your dream destination and travel preferences.",
+                                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" },
-                            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/phone4.webp", imageAlt: "Details" },
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
+                            },
-                        },
+                            {
-                        {
+                                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: "Custom Itinerary",
+                                phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
-                            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" },
+                    />
-                        },
+                </div>
-                        {
+                <div id="destinations" data-section="destinations">
-                            title: "Seamless Experience",
+                    <FeatureCardMedia
-                            description: "Enjoy your journey while we handle every detail behind the scenes.",
+                        tag="Destinations"
-                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
+                        tagIcon={Plane}
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
+                        title="Extraordinary Destinations"
-                        },
+                        description="Explore handpicked locations that define luxury travel"
-                    ]}
+                        textboxLayout="default"
-                />
+                        animationType="slide-up"
-                <FeatureCardMedia
+                        useInvertedBackground={false}
-                    tag="Destinations"
+                        features={[
-                    tagIcon={Plane}
+                            {
-                    title="Extraordinary Destinations"
+                                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" },
-                    description="Explore handpicked locations that define luxury travel"
+                            {
-                    textboxLayout="default"
+                                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" },
-                    animationType="slide-up"
+                            {
-                    useInvertedBackground={false}
+                                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" },
-                    features={[
+                            {
-                        {
+                                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: "1",
+                            {
-                            title: "Maldives Private Island",
+                                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" },
-                            description: "Exclusive overwater villas with direct lagoon access and private butler service.",
+                            {
-                            tag: "Asia",
+                                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" },
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp",
+                        ]}
-                            imageAlt: "Maldives",
+                    />
-                        },
+                </div>
-                        {
+                <div id="reviews" data-section="reviews">
-                            id: "2",
+                    <TestimonialCardFive
-                            title: "Swiss Alpine Retreat",
+                        tag="Reviews"
-                            description: "Secluded mountain chalets with panoramic views and world-class skiing.",
+                        tagIcon={Sparkles}
-                            tag: "Europe",
+                        title="What Our Travelers Say"
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp",
+                        description="Hear from guests who've experienced extraordinary journeys"
-                            imageAlt: "Switzerland",
+                        textboxLayout="default"
-                        },
+                        useInvertedBackground={false}
-                        {
+                        testimonials={[
-                            id: "3",
+                            {
-                            title: "African Safari Lodge",
+                                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" },
-                            description: "Intimate wildlife encounters in the heart of the Serengeti.",
+                            {
-                            tag: "Africa",
+                                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" },
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination1.webp",
+                            {
-                            imageAlt: "Safari",
+                                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: "4",
+                </div>
-                            title: "Amalfi Coast Villa",
+                <div id="contact" data-section="contact">
-                            description: "Clifftop estates with Mediterranean views and private beach access.",
+                    <ContactSplitForm
-                            tag: "Europe",
+                        title="Plan Your Journey"
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp",
+                        description="Let us create your perfect luxury travel experience"
-                            imageAlt: "Amalfi Coast",
+                        useInvertedBackground={false}
-                        },
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
-                        {
+                        imageAlt="Luxury travel"
-                            id: "5",
+                        mediaPosition="right"
-                            title: "Kyoto Ryokan",
+                        mediaAnimation="slide-up"
-                            description: "Traditional Japanese inns with zen gardens and kaiseki dining.",
+                        buttonText="Start Planning"
-                            tag: "Asia",
+                        inputs={[
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp",
+                            { name: "name", type: "text", placeholder: "Full Name", required: true },
-                            imageAlt: "Kyoto",
+                            { name: "email", type: "email", placeholder: "Email Address", required: true },
-                        },
+                            { name: "phone", type: "tel", placeholder: "Phone Number" },
-                        {
+                            { name: "destination", type: "text", placeholder: "Dream Destination" },
-                            id: "6",
+                        ]}
-                            title: "Patagonia Eco Lodge",
+                        textarea={{
-                            description: "Remote wilderness retreats surrounded by glaciers and pristine nature.",
+                            name: "message", placeholder: "Tell us about your ideal travel experience...", rows: 4,
-                            tag: "South America",
+                        }}
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.webp",
+                    />
-                            imageAlt: "Patagonia",
+                </div>
-                        },
+                <FooterBase
-                    ]}
-                />
-                <TestimonialCardFive
-                    tag="Reviews"
-                    tagIcon={Sparkles}
-                    title="What Our Travelers Say"
-                    description="Hear from guests who've experienced extraordinary journeys"
-                    textboxLayout="default"
-                    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: "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",
-                        },
-                    ]}
-                />
-                <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,
-                    }}
-                />
-                <FooterCard
                     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>
         </ThemeProvider>
     );
-}
+}

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);