Update src/app/page.tsx

This commit is contained in:
2026-04-17 02:34:32 +00:00
parent a751ffcd43
commit a5a6dcd7e3

View File

@@ -6,12 +6,12 @@ import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSp
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 TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-react";
import { Sparkles, Plane, Compass, Instagram, Facebook } from "lucide-react";
export default function LuxuryTravelAgencyTemplatePage() {
return (
@@ -28,7 +28,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Our Vision", id: "about" },
{ name: "Experiences", id: "services" },
@@ -53,114 +53,90 @@ export default function LuxuryTravelAgencyTemplatePage() {
]}
showDimOverlay={true}
/>
<InlineImageSplitTextAbout
className="pt-40"
heading={[
{ type: "text", content: "Crafting the perfect" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/happy-couple-beach_1157-14783.jpg", alt: "Couple walking on beach" },
{ type: "text", content: "romantic escape for you and your loved one at the world's finest coastal havens" },
]}
buttons={[
{ text: "Read Our Approach", href: "#" },
]}
useInvertedBackground={false}
/>
<FeatureCardOne
tag="Coastal Services"
tagIcon={Sparkles}
title="Intimate Coastal Services"
description="We focus on the small details that make a coastal retreat truly extraordinary for couples."
textboxLayout="default"
animationType="slide-up"
gridVariant="uniform-all-items-equal"
uniformGridCustomHeightClasses="h-100 2xl:h-110"
useInvertedBackground={false}
features={[
{
title: "Private Shorefront Villas", description: "Exclusive access to secluded beach properties with panoramic ocean views.", imageSrc: "http://img.b2bpic.net/free-photo/summer-sky-bungalow-palm-swimming_1253-648.jpg", imageAlt: "Private beach villa"},
{
title: "Sunset Picnic Planning", description: "Gourmet curated picnics set up on private, pristine sandy beaches.", imageSrc: "http://img.b2bpic.net/free-photo/people-by-river-delicious-healthy-summer-picnic-grass-fruits-blancet_1157-40210.jpg", imageAlt: "Sunset beach picnic"},
{
title: "Couples Coastal Spa", description: "Serene wellness treatments listening to the soothing rhythm of the waves.", imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg", imageAlt: "Couples spa treatment"}
]}
/>
<FeatureCardNine
tag="Our Journey Process"
tagIcon={Compass}
title="How We Craft Your Escape"
description="We take care of every logistics detail so you can focus entirely on each other."
textboxLayout="default"
showStepNumbers={true}
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Share Your Romantic Vision", description: "Let us know your preferred scenery and atmosphere for your coastal retreat.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-coffee-near-cafe-window_23-2147785368.jpg", imageAlt: "Planning consultation" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-postcards-with-summer-vacation-concept_23-2148228680.jpg", imageAlt: "Dreaming of beach" },
},
{
title: "Bespeak Itinerary Design", description: "We curate a sequence of romantic moments tailored to your pace.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-world-travel-map-travel-essentials_23-2149459978.jpg", imageAlt: "Custom plan" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/bullet-journals-pen-arrangement_23-2149740074.jpg", imageAlt: "Luxury details" },
},
{
title: "Seamless Coastal Arrival", description: "Step onto the sand while we handle transportation and private access.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6404.jpg", imageAlt: "Arrival" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-black-wooden-jetty-maldives_505751-5531.jpg", imageAlt: "Coastal bliss" },
},
]}
/>
<FeatureCardMedia
tag="Destinations"
tagIcon={Plane}
title="Pristine Coastal Retreats"
description="Hand-selected destinations where the sand meets crystal-clear blue waters."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
id: "1", title: "Maldivian Serenity", description: "Private overwater bungalow with direct lagoon access.", tag: "Indian Ocean", imageSrc: "http://img.b2bpic.net/free-photo/nature-paradise-vacation-lagoon-tourism_1232-4563.jpg", imageAlt: "Maldives water villa"},
{
id: "2", title: "Caribbean Cove", description: "Secluded beach estate nestled in a private tropical bay.", tag: "Caribbean", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach_1203-2573.jpg", imageAlt: "Caribbean beach"},
{
id: "3", title: "Mediterranean Cliffside", description: "Stunning villas overlooking the azure Mediterranean waters.", tag: "Europe", imageSrc: "http://img.b2bpic.net/free-photo/aegean-sea-coast-greece-loutra-buildings-located-near-rocky-cliffs-greenery-blue-water-view-from-drone_1268-16375.jpg", imageAlt: "Amalfi coast view"},
]}
/>
<TestimonialCardFive
tag="Memories"
tagIcon={Sparkles}
title="Stories from the Shore"
description="Discover how we have made memories for couples around the world."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah & Marc", date: "Spring 2025", title: "The perfect beach getaway", quote: "Walking the beach at dawn was exactly what we needed. Everything was handled with grace and care.", tag: "Maldives", avatarSrc: "http://img.b2bpic.net/free-photo/hipster-young-stylish-hipster-couple-love-walking-playing-dog-puppy-jack-russell-tropical-beach-white-sand-cool-outfit-romantic-mood-having-fun-sunny-man-woman-together-vacation_285396-2443.jpg", avatarAlt: "Sarah & Marc", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-gay-men-holding-hands-beach_23-2150399704.jpg", imageAlt: "Couple on beach"},
]}
/>
<ContactSplitForm
title="Start Your Escape"
description="Tell us your ideal destination and let's start planning your coastal dream."
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/tender-family-walking-beach-sundown-man-woman-casual-clothes-strolling-near-water-dusk-love-family-nature-concept_74855-22720.jpg"
imageAlt="Romantic beach setting"
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 },
]}
textarea={{
name: "message", placeholder: "Describe your dream beach getaway...", rows: 4,
}}
/>
<div id="about">
<InlineImageSplitTextAbout
className="pt-40"
heading={[
{ type: "text", content: "Crafting the perfect" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/happy-couple-beach_1157-14783.jpg", alt: "Couple walking on beach" },
{ type: "text", content: "romantic escape for you and your loved one at the world's finest coastal havens" },
]}
buttons={[
{ text: "Read Our Approach", href: "#" },
]}
useInvertedBackground={false}
/>
</div>
<div id="services">
<FeatureCardOne
tag="Coastal Services"
tagIcon={Sparkles}
title="Intimate Coastal Services"
description="We focus on the small details that make a coastal retreat truly extraordinary for couples."
textboxLayout="default"
animationType="slide-up"
gridVariant="uniform-all-items-equal"
uniformGridCustomHeightClasses="h-100 2xl:h-110"
useInvertedBackground={false}
features={[
{
title: "Private Shorefront Villas", description: "Exclusive access to secluded beach properties with panoramic ocean views.", imageSrc: "http://img.b2bpic.net/free-photo/summer-sky-bungalow-palm-swimming_1253-648.jpg", imageAlt: "Private beach villa"},
{
title: "Sunset Picnic Planning", description: "Gourmet curated picnics set up on private, pristine sandy beaches.", imageSrc: "http://img.b2bpic.net/free-photo/people-by-river-delicious-healthy-summer-picnic-grass-fruits-blancet_1157-40210.jpg", imageAlt: "Sunset beach picnic"},
{
title: "Couples Coastal Spa", description: "Serene wellness treatments listening to the soothing rhythm of the waves.", imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg", imageAlt: "Couples spa treatment"}
]}
/>
</div>
<div id="destinations">
<FeatureCardNine
tag="Our Journey Process"
tagIcon={Compass}
title="How We Craft Your Escape"
description="We take care of every logistics detail so you can focus entirely on each other."
textboxLayout="default"
showStepNumbers={true}
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Share Your Romantic Vision", description: "Let us know your preferred scenery and atmosphere for your coastal retreat.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-coffee-near-cafe-window_23-2147785368.jpg", imageAlt: "Planning consultation" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-postcards-with-summer-vacation-concept_23-2148228680.jpg", imageAlt: "Dreaming of beach" },
},
{
title: "Bespeak Itinerary Design", description: "We curate a sequence of romantic moments tailored to your pace.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-world-travel-map-travel-essentials_23-2149459978.jpg", imageAlt: "Custom plan" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/bullet-journals-pen-arrangement_23-2149740074.jpg", imageAlt: "Luxury details" },
},
{
title: "Seamless Coastal Arrival", description: "Step onto the sand while we handle transportation and private access.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6404.jpg", imageAlt: "Arrival" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-black-wooden-jetty-maldives_505751-5531.jpg", imageAlt: "Coastal bliss" },
},
]}
/>
</div>
<div id="reviews">
<TestimonialCardFifteen
testimonial="Walking the beach at dawn was exactly what we needed. Everything was handled with grace and care. Truly a transformative experience that we will cherish forever."
rating={5}
author="Sarah & Marc"
avatars={[{ src: "http://img.b2bpic.net/free-photo/hipster-young-stylish-hipster-couple-love-walking-playing-dog-puppy-jack-russell-tropical-beach-white-sand-cool-outfit-romantic-mood-having-fun-sunny-man-woman-together-vacation_285396-2443.jpg", alt: "Sarah & Marc" }]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
<div id="contact">
<ContactSplitForm
title="Start Your Escape"
description="Tell us your ideal destination and let's start planning your coastal dream."
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/tender-family-walking-beach-sundown-man-woman-casual-clothes-strolling-near-water-dusk-love-family-nature-concept_74855-22720.jpg"
imageAlt="Romantic beach setting"
background={{ variant: "plain" }}
buttonText="Start Planning"
/>
</div>
<FooterCard
logoText="Azure Shores"
copyrightText="© 2025 Azure Shores Coastal Retreats"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
]}
columns={[]}
/>
</ReactLenis>
</ThemeProvider>