bender/96499f00-4b7c-44d5-ab2c-3d3c62828145
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #3

Merged
bender merged 2 commits from version_3 into main 2026-05-02 08:53:25 +00:00
Conversation 0 Commits 2 Files Changed 2 +71 -122
2 changed files with 71 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
src/app/page.tsx
View File

@@ -1,162 +1,111 @@
"use client";
import ReactLenis from "lenis/react";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import InlineImageSplitTextAbout from "@/components/sections/about/MediaAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Plane, Compass } from "lucide-react";
import { Wrench, Settings, Car, ChevronRight } from "lucide-react";
export default function LuxuryTravelAgencyTemplatePage() {
export default function PremiumWorkshopPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="shadow"
background="noise"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
headingFontWeight="semibold"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Destinations", id: "destinations" },
{ name: "Reviews", id: "reviews" },
{ name: "Maintenance", id: "maintenance" },
{ name: "Contact", id: "contact" },
]}
brandName="Luxuria"
button={{ text: "Plan Your Trip", href: "#contact" }}
brandName="Apex Workshop"
/>
<div id="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}
<HeroBillboardDashboard
title="Elite Automotive Engineering"
description="Premium maintenance, performance upgrades, and restoration services for high-end vehicles."
dashboard={{
title: "Workshop Status", stats: [
{ title: "Projects", values: [45, 12, 5], description: "Currently in service" },
{ title: "Efficiency", values: [98, 99, 97], description: "Workshop uptime" }
],
logoIcon: Wrench,
sidebarItems: [{ icon: Settings }, { icon: Car }],
listItems: [
{ icon: Car, title: "Performance Tuning", status: "Ongoing" },
{ icon: Wrench, title: "Engine Restoration", status: "Quality Check" }
],
imageSrc: "https://images.unsplash.com/photo-1594897030264-ab7d87efc473?q=80&w=2000"
}}
/>
</div>
<div id="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: "#" },
]}
title="Precision & Passion"
description="We combine modern diagnostic technology with traditional craftsmanship to ensure your vehicle performs at its absolute peak."
tag="Our Philosophy"
tagIcon={Wrench}
imageSrc="https://images.unsplash.com/photo-1563720360172-67b8f3d0e82c?q=80&w=1200"
useInvertedBackground={false}
/>
</div>
<div id="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"
<FeatureCardNineteen
title="Comprehensive Care"
description="Tailored solutions for every component of your vehicle."
textboxLayout="split"
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" }
{ tag: "Performance", title: "Engine Tuning", subtitle: "Power & Efficiency", description: "Optimizing your engine management system for better throttle response and power." },
{ tag: "Aesthetics", title: "Detailing & Care", subtitle: "Showroom Finish", description: "Complete paint correction, ceramic coatings, and interior restoration." },
{ tag: "Technical", title: "Diagnostics", subtitle: "Expert Analysis", description: "Advanced computer diagnostics to identify hidden performance bottlenecks." }
]}
/>
</div>
<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 id="destinations">
<FeatureCardMedia
tag="Destinations"
tagIcon={Plane}
title="Extraordinary Destinations"
description="Explore handpicked locations that define luxury travel"
textboxLayout="default"
<div id="maintenance">
<ProductCardThree
title="Maintenance Packages"
description="Transparent pricing for our signature maintenance tiers."
gridVariant="three-columns-all-equal-width"
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">
<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" },
useInvertedBackground={true}
products={[
{ id: "1", name: "Standard Service", price: "$499", imageSrc: "https://images.unsplash.com/photo-1581092160607-ee2268310c14?q=80&w=800" },
{ id: "2", name: "Performance Tune", price: "$899", imageSrc: "https://images.unsplash.com/photo-1619646872719-7554904838b0?q=80&w=800" },
{ id: "3", name: "Master Restoration", price: "$2499", imageSrc: "https://images.unsplash.com/photo-1533134242443-d4fd215305ad?q=80&w=800" }
]}
/>
</div>
<div id="contact">
<ContactCTA
tag="Contact Us"
title="Begin Your Journey"
description="Connect with our travel experts to craft your bespoke itinerary."
buttons={[{ text: "Inquire Now", href: "mailto:hello@luxuria.com" }]}
background={{ variant: "plain" }}
<ContactCenter
tag="Get in Touch"
title="Ready to Upgrade?"
description="Book your vehicle inspection or schedule a consultation with our master technicians."
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
/>
</div>
<FooterBaseReveal
logoText="Luxuria"
<FooterBaseCard
logoText="Apex Workshop"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Destinations", href: "#destinations" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#" }] },
{ title: "Company", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] }
{ title: "Workshop", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Support", items: [{ label: "Booking", href: "#contact" }, { label: "Privacy", href: "#" }] }
]}
/>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--background: #f5f4f0;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #2c2c2c;
--primary-cta-text: #f6f0e9;
--secondary-cta: #f9f9f9;
--secondary-cta: #f5f4f0;
--secondary-cta-text: #2b180a;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #8a8a8a;
--background-accent: #e8e6e1;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);