27 Commits

Author SHA1 Message Date
51c046aceb Update src/app/contact/page.tsx 2026-06-03 11:09:43 +00:00
9dc70640fa Update src/app/admissions/page.tsx 2026-06-03 11:09:43 +00:00
6c6ca5cbab Update src/app/programs/page.tsx 2026-06-03 11:07:25 +00:00
c2730eb14a Update src/app/contact/page.tsx 2026-06-03 11:07:24 +00:00
7f936efe82 Update src/app/admissions/page.tsx 2026-06-03 11:07:24 +00:00
006cc4d495 Update src/app/contact/page.tsx 2026-06-03 11:04:55 +00:00
bf0e9d725c Update src/app/admissions/page.tsx 2026-06-03 11:04:54 +00:00
cadd531446 Update src/app/page.tsx 2026-06-03 11:02:00 +00:00
3d8fafdbd6 Update src/app/about/page.tsx 2026-06-03 11:02:00 +00:00
8d120e15bd Update src/app/styles/variables.css 2026-06-03 10:59:11 +00:00
41a6619f62 Update src/app/styles/base.css 2026-06-03 10:59:10 +00:00
ebf92d21e4 Add src/app/programs/page.tsx 2026-06-03 10:59:10 +00:00
9199b4500f Add src/app/privacy/page.tsx 2026-06-03 10:59:10 +00:00
22571fa27b Update src/app/page.tsx 2026-06-03 10:59:09 +00:00
128dbc15ef Update src/app/contact/page.tsx 2026-06-03 10:59:09 +00:00
9eabd43341 Update src/app/admissions/page.tsx 2026-06-03 10:59:08 +00:00
bf6bcc092f Add src/app/about/page.tsx 2026-06-03 10:59:08 +00:00
c0790ab62a Merge version_2 into main
Merge version_2 into main
2026-06-03 10:57:10 +00:00
e0f0bdee3b Update src/app/admissions/page.tsx 2026-06-03 10:57:07 +00:00
6b7442b24c Merge version_2 into main
Merge version_2 into main
2026-06-03 10:56:41 +00:00
2c500ac6b8 Update src/app/contact/page.tsx 2026-06-03 10:56:38 +00:00
2a36f66dd5 Update src/app/admissions/page.tsx 2026-06-03 10:56:37 +00:00
b0a3c50cfe Merge version_2 into main
Merge version_2 into main
2026-06-03 10:55:45 +00:00
bc33f597dd Add src/app/student-life/page.tsx 2026-06-03 10:55:42 +00:00
a40147032c Update src/app/page.tsx 2026-06-03 10:55:41 +00:00
e3fd6c5162 Add src/app/contact/page.tsx 2026-06-03 10:55:41 +00:00
92384aca77 Add src/app/admissions/page.tsx 2026-06-03 10:55:40 +00:00
9 changed files with 718 additions and 248 deletions

69
src/app/about/page.tsx Normal file
View File

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

View File

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

66
src/app/contact/page.tsx Normal file
View File

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

View File

@@ -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
logoText="Luxuria"
description="Experience the world's most extraordinary destinations with our bespoke luxury travel experiences curated just for you."
buttons={[
{ 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" },
{ 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/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}
/>
<InlineImageSplitTextAbout
className="pt-40"
heading={[
{ type: "text", content: "We craft" },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", alt: "Travel" },
{ type: "text", content: "unforgettable journeys to the world's most" },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", alt: "Destination" },
{ type: "text", content: "exclusive destinations" },
]}
buttons={[
{ text: "Our Story", href: "#" },
]}
useInvertedBackground={false}
/>
<FeatureCardOne
tag="Services"
tagIcon={Sparkles}
title="Tailored Travel Experiences"
description="From private jets to secluded villas, we handle every detail of your journey"
textboxLayout="default"
animationType="slide-up"
gridVariant="uniform-all-items-equal"
uniformGridCustomHeightClasses="h-100 2xl:h-110"
useInvertedBackground={false}
features={[
{
title: "Private Aviation",
description: "Charter flights and private jet services to any destination worldwide.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp",
imageAlt: "Private jet",
},
{
title: "Luxury Accommodations",
description: "Handpicked five-star hotels, villas, and exclusive resorts.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp",
imageAlt: "Luxury hotel",
},
{
title: "Curated Experiences",
description: "Unique adventures and cultural immersions designed just for you.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp",
imageAlt: "Experience",
},
{
title: "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",
}
]}
/>
<FeatureCardNine
tag="How It Works"
tagIcon={Compass}
title="Your Journey Begins Here"
description="From initial consultation to your return home, we manage every detail"
textboxLayout="default"
showStepNumbers={true}
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Share Your Vision",
description: "Tell us about your dream destination and travel preferences.",
phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
},
{
title: "Custom Itinerary",
description: "Receive a bespoke travel plan crafted by our expert advisors.",
phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
},
{
title: "Seamless Experience",
description: "Enjoy your journey while we handle every detail behind the scenes.",
phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
},
]}
/>
<FeatureCardMedia
tag="Destinations"
tagIcon={Plane}
title="Extraordinary Destinations"
description="Explore handpicked locations that define luxury travel"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Maldives Private Island",
description: "Exclusive overwater villas with direct lagoon access and private butler service.",
tag: "Asia",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp",
imageAlt: "Maldives",
},
{
id: "2",
title: "Swiss Alpine Retreat",
description: "Secluded mountain chalets with panoramic views and world-class skiing.",
tag: "Europe",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp",
imageAlt: "Switzerland",
},
{
id: "3",
title: "African Safari Lodge",
description: "Intimate wildlife encounters in the heart of the Serengeti.",
tag: "Africa",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination1.webp",
imageAlt: "Safari",
},
{
id: "4",
title: "Amalfi Coast Villa",
description: "Clifftop estates with Mediterranean views and private beach access.",
tag: "Europe",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp",
imageAlt: "Amalfi Coast",
},
{
id: "5",
title: "Kyoto Ryokan",
description: "Traditional Japanese inns with zen gardens and kaiseki dining.",
tag: "Asia",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp",
imageAlt: "Kyoto",
},
{
id: "6",
title: "Patagonia Eco Lodge",
description: "Remote wilderness retreats surrounded by glaciers and pristine nature.",
tag: "South America",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.webp",
imageAlt: "Patagonia",
},
]}
/>
<TestimonialCardFive
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
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Luxuria"
description="Experience the world's most extraordinary destinations with our bespoke luxury travel experiences curated just for you."
buttons={[
{ 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" },
{ 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/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}
/>
</div>
<div id="accreditations" data-section="accreditations">
<SocialProofOne
tag="Trust & Recognition"
title="Trusted by discerning travelers and industry leaders"
description="Our commitment to excellence has earned us recognition from top travel authorities and partnerships with the finest hospitality brands worldwide."
names={["Condé Nast Traveler", "Forbes Travel Guide", "Travel + Leisure", "Virtuoso", "Leading Hotels of the World", "Small Luxury Hotels"]}
useInvertedBackground={false}
textboxLayout="default"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
className="pt-40"
heading={[
{ type: "text", content: "We craft" },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", alt: "Travel" },
{ type: "text", content: "unforgettable journeys to the world's most" },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", alt: "Destination" },
{ type: "text", content: "exclusive destinations" },
]}
buttons={[
{ text: "Our Story", href: "#" },
]}
useInvertedBackground={false}
/>
</div>
<div id="services" data-section="services">
<FeatureCardOne
tag="Services"
tagIcon={Sparkles}
title="Tailored Travel Experiences"
description="From private jets to secluded villas, we handle every detail of your journey"
textboxLayout="default"
animationType="slide-up"
gridVariant="uniform-all-items-equal"
uniformGridCustomHeightClasses="h-100 2xl:h-110"
useInvertedBackground={false}
features={[
{
title: "Private Aviation", description: "Charter flights and private jet services to any destination worldwide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp", imageAlt: "Private jet" },
{
title: "Luxury Accommodations", description: "Handpicked five-star hotels, villas, and exclusive resorts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp", imageAlt: "Luxury hotel" },
{
title: "Curated Experiences", description: "Unique adventures and cultural immersions designed just for you.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp", imageAlt: "Experience" },
{
title: "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" }
]}
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<FeatureCardNine
tag="How It Works"
tagIcon={Compass}
title="Your Journey Begins Here"
description="From initial consultation to your return home, we manage every detail"
textboxLayout="default"
showStepNumbers={true}
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Share Your Vision", description: "Tell us about your dream destination and travel preferences.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
},
{
title: "Custom Itinerary", description: "Receive a bespoke travel plan crafted by our expert advisors.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
},
{
title: "Seamless Experience", description: "Enjoy your journey while we handle every detail behind the scenes.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
},
]}
/>
</div>
<div id="destinations" data-section="destinations">
<FeatureCardMedia
tag="Destinations"
tagIcon={Plane}
title="Extraordinary Destinations"
description="Explore handpicked locations that define luxury travel"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
id: "1", title: "Maldives Private Island", description: "Exclusive overwater villas with direct lagoon access and private butler service.", tag: "Asia", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp", imageAlt: "Maldives" },
{
id: "2", title: "Swiss Alpine Retreat", description: "Secluded mountain chalets with panoramic views and world-class skiing.", tag: "Europe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp", imageAlt: "Switzerland" },
{
id: "3", title: "African Safari Lodge", description: "Intimate wildlife encounters in the heart of the Serengeti.", tag: "Africa", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination1.webp", imageAlt: "Safari" },
{
id: "4", title: "Amalfi Coast Villa", description: "Clifftop estates with Mediterranean views and private beach access.", tag: "Europe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp", imageAlt: "Amalfi Coast" },
{
id: "5", title: "Kyoto Ryokan", description: "Traditional Japanese inns with zen gardens and kaiseki dining.", tag: "Asia", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp", imageAlt: "Kyoto" },
{
id: "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" },
]}
/>
</div>
<div id="reviews" data-section="reviews">
<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" },
]}
/>
</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={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
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>
);
}
}

98
src/app/privacy/page.tsx Normal file
View File

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

73
src/app/programs/page.tsx Normal file
View File

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

View File

@@ -0,0 +1,120 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, CalendarDays, Trophy, Instagram, Facebook, Linkedin } from "lucide-react";
const studentClubs = [
{
id: "1", title: "Chess Club", author: "Strategy & Logic", description: "Sharpen your mind and compete in friendly chess tournaments.", tags: ["Academic", "Recreational"],
imageSrc: "https://source.unsplash.com/random/800x600?chess,students"},
{
id: "2", title: "Debate Society", author: "Public Speaking", description: "Develop your rhetorical skills and engage in lively discussions.", tags: ["Academic", "Competitive"],
imageSrc: "https://source.unsplash.com/random/800x600?debate,students"},
{
id: "3", title: "Environmental Activism", author: "Sustainability", description: "Promote ecological awareness and participate in green initiatives.", tags: ["Community", "Social Impact"],
imageSrc: "https://source.unsplash.com/random/800x600?environment,students"},
{
id: "4", title: "Robotics Team", author: "Engineering & Tech", description: "Design, build, and program robots for various competitions.", tags: ["STEM", "Innovation"],
imageSrc: "https://source.unsplash.com/random/800x600?robotics,students"},
];
const studentEvents = [
{
id: "1", name: "Spring Music Festival", price: "April 20, 2025", variant: "Main Campus Green", imageSrc: "https://source.unsplash.com/random/800x600?music-festival,campus"},
{
id: "2", name: "Annual Career Fair", price: "March 15, 2025", variant: "University Convention Center", imageSrc: "https://source.unsplash.com/random/800x600?career-fair,students"},
{
id: "3", name: "Hackathon 2025", price: "February 28 - March 1, 2025", variant: "Computer Science Lab", imageSrc: "https://source.unsplash.com/random/800x600?hackathon,coding"},
{
id: "4", name: "Volunteer Day", price: "May 10, 2025", variant: "Local Community Projects", imageSrc: "https://source.unsplash.com/random/800x600?volunteering,students"},
];
const studentAchievements = [
{
id: "1", value: "Awarded", title: "National Debate Championship", description: "Our Debate Society secured first place in the national collegiate championship, showcasing exceptional rhetorical prowess.", imageSrc: "https://source.unsplash.com/random/800x600?trophy,debate"},
{
id: "2", value: "Published", title: "Research in Sustainable Energy", description: "A team of engineering students published groundbreaking research on renewable energy solutions in a peer-reviewed journal.", imageSrc: "https://source.unsplash.com/random/800x600?research,science"},
{
id: "3", value: "Won", title: "Inter-University Robotics Challenge", description: "The Robotics Team took home the top prize for their innovative autonomous drone design at the annual challenge.", imageSrc: "https://source.unsplash.com/random/800x600?robotics-award,engineering"},
{
id: "4", value: "Secured", title: "Prestigious Graduate Fellowships", description: "Multiple seniors received highly competitive fellowships to pursue advanced studies at leading global institutions.", imageSrc: "https://source.unsplash.com/random/800x600?graduation,fellowship"},
];
export default function StudentLifePage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Destinations", id: "destinations" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
{ name: "Student Life", id: "/student-life" },
{ name: "News", id: "/news" }
]}
brandName="Luxuria"
button={{ text: "Plan Your Trip", href: "#contact" }}
/>
<FeatureCardTwentyFour
tag="Student Life"
tagIcon={Sparkles}
title="Clubs & Activities"
description="Discover a wide range of organizations and events to enrich your university experience."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={studentClubs}
/>
<ProductCardFour
tag="Student Life"
tagIcon={CalendarDays}
title="Upcoming Events & Important Dates"
description="Never miss out on important dates and exciting campus happenings."
textboxLayout="default"
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={studentEvents}
/>
<MetricCardEleven
tag="Student Life"
tagIcon={Trophy}
title="Celebrating Student Achievements"
description="Highlighting the successes and contributions of our talented student body."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
metrics={studentAchievements}
/>
<FooterCard
logoText="Luxuria"
copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -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;
}

View File

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