Switch to version 1: modified src/app/page.tsx
This commit is contained in:
209
src/app/page.tsx
209
src/app/page.tsx
@@ -39,109 +39,112 @@ export default function LuxuryTravelAgencyTemplatePage() {
|
|||||||
brandName="PeakOcean"
|
brandName="PeakOcean"
|
||||||
button={{ text: "Plan Your Escape", href: "#contact" }}
|
button={{ text: "Plan Your Escape", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
<div id="hero">
|
<HeroCarouselLogo
|
||||||
<HeroCarouselLogo
|
logoText="PeakOcean"
|
||||||
logoText="PeakOcean"
|
description="Immerse yourself in the world's most breathtaking horizons, from deep azure oceans to soaring mountain summits."
|
||||||
description="Immerse yourself in the world's most breathtaking horizons, from deep cinematic azure oceans to soaring 3D mountain summits with zoom-in effects."
|
buttons={[
|
||||||
buttons={[
|
{ text: "Start Adventure", href: "#contact" },
|
||||||
{ text: "Start Adventure", href: "#contact" },
|
{ text: "View Gallery", href: "#destinations" },
|
||||||
{ text: "View Gallery", href: "#destinations" },
|
]}
|
||||||
]}
|
slides={[
|
||||||
slides={[
|
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90512.jpg", imageAlt: "3D rendered ocean waves" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90512.jpg", imageAlt: "Cinematic 3D rendered ocean waves" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-photography-high-rocky-mountains-covered-with-snow-fog_181624-3044.jpg", imageAlt: "Zoomed in mountain peaks" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-photography-high-rocky-mountains-covered-with-snow-fog_181624-3044.jpg", imageAlt: "Zoomed-in majestic mountain peaks" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-ocean-background-which-can-be-used-add-text-sea-surface-aerial-view_1253-1618.jpg", imageAlt: "Deep ocean panorama" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-ocean-background-which-can-be-used-add-text-sea-surface-aerial-view_1253-1618.jpg", imageAlt: "Cinematic deep ocean panorama" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-snowy-area-surrounded-by-lot-rocky-cliffs-fir-trees-dolomites_181624-13113.jpg", imageAlt: "Mountain horizon zoom" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-snowy-area-surrounded-by-lot-rocky-cliffs-fir-trees-dolomites_181624-13113.jpg", imageAlt: "Cinematic mountain horizon zoom" },
|
]}
|
||||||
]}
|
showDimOverlay={true}
|
||||||
showDimOverlay={true}
|
/>
|
||||||
/>
|
<InlineImageSplitTextAbout
|
||||||
</div>
|
className="pt-40"
|
||||||
<div id="about">
|
heading={[
|
||||||
<InlineImageSplitTextAbout
|
{ type: "text", content: "Defining the" },
|
||||||
className="pt-40"
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16297.jpg", alt: "Ocean view" },
|
||||||
heading={[
|
{ type: "text", content: "edge of discovery, where the" },
|
||||||
{ type: "text", content: "Defining the" },
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/landscape-with-mountains_1048-5349.jpg", alt: "Mountain view" },
|
||||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16297.jpg", alt: "Ocean view" },
|
{ type: "text", content: "peaks meet the endless deep." },
|
||||||
{ type: "text", content: "edge of discovery, where the" },
|
]}
|
||||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/landscape-with-mountains_1048-5349.jpg", alt: "Mountain view" },
|
buttons={[
|
||||||
{ type: "text", content: "peaks meet the endless deep." },
|
{ text: "Discover Our Philosophy", href: "#" },
|
||||||
]}
|
]}
|
||||||
buttons={[
|
useInvertedBackground={false}
|
||||||
{ text: "Discover Our Philosophy", href: "#" },
|
/>
|
||||||
]}
|
<FeatureCardOne
|
||||||
useInvertedBackground={false}
|
tag="Services"
|
||||||
/>
|
tagIcon={Sparkles}
|
||||||
</div>
|
title="Elevation & Depth"
|
||||||
<div id="services">
|
description="Premium expedition services tailored to your affinity for nature's extremes."
|
||||||
<FeatureCardOne
|
textboxLayout="default"
|
||||||
tag="Services"
|
animationType="depth-3d"
|
||||||
tagIcon={Sparkles}
|
gridVariant="uniform-all-items-equal"
|
||||||
title="Elevation & Depth"
|
uniformGridCustomHeightClasses="h-100 2xl:h-110"
|
||||||
description="Premium expedition services tailored to your affinity for nature's extremes."
|
useInvertedBackground={false}
|
||||||
textboxLayout="default"
|
features={[
|
||||||
animationType="depth-3d"
|
{ title: "Coastal Expeditions", description: "Exclusive marine tours to pristine hidden shores.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-beach-view-koh-chang-island-seascape-trad-province-eastern-thailand-blue-sky-background_1150-10256.jpg", imageAlt: "Ocean waves" },
|
||||||
gridVariant="uniform-all-items-equal"
|
{ title: "High Altitude Treks", description: "Private-guided ascents to iconic mountain peaks.", imageSrc: "http://img.b2bpic.net/free-photo/hiking-boot-yellow-leaf-autumn-adventure-generated-by-ai_188544-47176.jpg", imageAlt: "Mountain range" },
|
||||||
uniformGridCustomHeightClasses="h-100 2xl:h-110"
|
{ title: "Deep Sea Diving", description: "Professional-grade underwater exploration.", imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571718.jpg", imageAlt: "Deep ocean" },
|
||||||
useInvertedBackground={false}
|
{ title: "Summit Retreats", description: "Luxury lodges at the highest altitudes.", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263547.jpg", imageAlt: "Alpine lodge" },
|
||||||
features={[
|
{ title: "Horizon Sailing", description: "Bespoke luxury yacht journeys.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-yacht-sails-towards-sunset-water-generated-by-ai_188544-11120.jpg", imageAlt: "Sailing" }
|
||||||
{ title: "Coastal Expeditions", description: "Exclusive marine tours to pristine hidden shores.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-beach-view-koh-chang-island-seascape-trad-province-eastern-thailand-blue-sky-background_1150-10256.jpg", imageAlt: "Ocean waves" },
|
]}
|
||||||
{ title: "High Altitude Treks", description: "Private-guided ascents to iconic mountain peaks.", imageSrc: "http://img.b2bpic.net/free-photo/hiking-boot-yellow-leaf-autumn-adventure-generated-by-ai_188544-47176.jpg", imageAlt: "Mountain range" },
|
/>
|
||||||
{ title: "Deep Sea Diving", description: "Professional-grade underwater exploration.", imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571718.jpg", imageAlt: "Deep ocean" },
|
<FeatureCardNine
|
||||||
{ title: "Summit Retreats", description: "Luxury lodges at the highest altitudes.", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263547.jpg", imageAlt: "Alpine lodge" },
|
tag="Process"
|
||||||
{ title: "Horizon Sailing", description: "Bespoke luxury yacht journeys.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-yacht-sails-towards-sunset-water-generated-by-ai_188544-11120.jpg", imageAlt: "Sailing" }
|
tagIcon={Compass}
|
||||||
]}
|
title="From Depths to Heights"
|
||||||
/>
|
description="Your journey from the shoreline to the sky, expertly managed."
|
||||||
</div>
|
textboxLayout="default"
|
||||||
<div id="destinations">
|
showStepNumbers={true}
|
||||||
<FeatureCardMedia
|
animationType="scale-rotate"
|
||||||
tag="Destinations"
|
useInvertedBackground={false}
|
||||||
tagIcon={Plane}
|
features={[
|
||||||
title="Iconic Landscapes"
|
{ title: "Defining Vision", description: "We map your desired elevation.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11203.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/standing-silhouette-conquers-mountain-peak-dramatic-sky-generated-by-ai_188544-22537.jpg" } },
|
||||||
description="Select from our curated list of ocean gems and mountain wonders."
|
{ title: "Crafting Logistics", description: "Precise planning for every altitude.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/skate-ramp-park_23-2147678260.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/grey-basalt-columns-near-reynisdrangar-beach-iceland_1232-4662.jpg" } },
|
||||||
textboxLayout="default"
|
{ title: "Seamless Ascent", description: "Enjoy the peak of your travel experience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-10995.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-gray-black-rocky-mountains-with-sun-rays-daytime_181624-1911.jpg" } },
|
||||||
animationType="blur-reveal"
|
]}
|
||||||
useInvertedBackground={false}
|
/>
|
||||||
features={[
|
<FeatureCardMedia
|
||||||
{ id: "1", title: "Coral Sea Atoll", description: "Pristine ocean seclusion.", tag: "Ocean", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-coral-reef-underwater_23-2152006401.jpg" },
|
tag="Destinations"
|
||||||
{ id: "2", title: "Everest North Face", description: "High-altitude majesty.", tag: "Mountain", imageSrc: "http://img.b2bpic.net/free-photo/mountain-cover-with-snow_417767-169.jpg" },
|
tagIcon={Plane}
|
||||||
{ id: "3", title: "Pacific Deep Trench", description: "Uncharted marine beauty.", tag: "Ocean", imageSrc: "http://img.b2bpic.net/free-photo/sky-sea-april-01-2024_58702-17004.jpg" },
|
title="Iconic Landscapes"
|
||||||
{ id: "4", title: "Andes Summit Point", description: "Breathtaking cloud views.", tag: "Mountain", imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-mountain_58702-10833.jpg" },
|
description="Select from our curated list of ocean gems and mountain wonders."
|
||||||
{ id: "5", title: "Atlantic Blue", description: "Infinite horizon sailing.", tag: "Ocean", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bright-colored-sunset-ocean_1321-3089.jpg" },
|
textboxLayout="default"
|
||||||
{ id: "6", title: "Swiss Alpine Peaks", description: "Classic high-mountain luxury.", tag: "Mountain", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-low-angle-shot-mountain-with-snow-covering-peak-sky-background_181624-4374.jpg" },
|
animationType="blur-reveal"
|
||||||
]}
|
useInvertedBackground={false}
|
||||||
/>
|
features={[
|
||||||
</div>
|
{ id: "1", title: "Coral Sea Atoll", description: "Pristine ocean seclusion.", tag: "Ocean", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-coral-reef-underwater_23-2152006401.jpg" },
|
||||||
<div id="reviews">
|
{ id: "2", title: "Everest North Face", description: "High-altitude majesty.", tag: "Mountain", imageSrc: "http://img.b2bpic.net/free-photo/mountain-cover-with-snow_417767-169.jpg" },
|
||||||
<TestimonialCardFive
|
{ id: "3", title: "Pacific Deep Trench", description: "Uncharted marine beauty.", tag: "Ocean", imageSrc: "http://img.b2bpic.net/free-photo/sky-sea-april-01-2024_58702-17004.jpg" },
|
||||||
tag="Reviews"
|
{ id: "4", title: "Andes Summit Point", description: "Breathtaking cloud views.", tag: "Mountain", imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-mountain_58702-10833.jpg" },
|
||||||
tagIcon={Sparkles}
|
{ id: "5", title: "Atlantic Blue", description: "Infinite horizon sailing.", tag: "Ocean", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bright-colored-sunset-ocean_1321-3089.jpg" },
|
||||||
title="Voices of Discovery"
|
{ id: "6", title: "Swiss Alpine Peaks", description: "Classic high-mountain luxury.", tag: "Mountain", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-low-angle-shot-mountain-with-snow-covering-peak-sky-background_181624-4374.jpg" },
|
||||||
description="Hear from those who've scaled peaks and dived deep."
|
]}
|
||||||
textboxLayout="default"
|
/>
|
||||||
useInvertedBackground={false}
|
<TestimonialCardFive
|
||||||
testimonials={[
|
tag="Reviews"
|
||||||
{ id: "1", name: "Alex Rivers", date: "Jan 2025", title: "Simply incredible", quote: "The ocean views were life-changing.", tag: "Ocean", avatarSrc: "http://img.b2bpic.net/free-photo/relaxation-wellbeing-concept-overjoyed-dark-skinned-woman-enjoys-perfect-lazy-weekend-keeps-eyes-shut-from-pleasure-dressed-oversized-striped-sweater-uses-headphones_273609-31053.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-woman-summer-vacation-asia-relaxing-tropical-beach-digital-photo-camera-casual-boho-style-sea-landscape-slim-tanned-body-travel-alone_285396-6251.jpg" },
|
tagIcon={Sparkles}
|
||||||
{ id: "2", name: "Sarah Heights", date: "Dec 2024", title: "Top of the world", quote: "A mountain trek I will never forget.", tag: "Mountain", avatarSrc: "http://img.b2bpic.net/free-photo/man-hiking-forest_329181-12237.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hiker-embraces-challenge-trekking-through-wilderness_482257-119787.jpg" },
|
title="Voices of Discovery"
|
||||||
{ id: "3", name: "Marco Depth", date: "Nov 2024", title: "Perfection", quote: "The perfect blend of sea and sky.", tag: "Both", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-tourist-posing-swing_23-2147643235.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-from-back-looking-sea_1303-14409.jpg" },
|
description="Hear from those who've scaled peaks and dived deep."
|
||||||
]}
|
textboxLayout="default"
|
||||||
/>
|
useInvertedBackground={false}
|
||||||
</div>
|
testimonials={[
|
||||||
<div id="contact">
|
{ id: "1", name: "Alex Rivers", date: "Jan 2025", title: "Simply incredible", quote: "The ocean views were life-changing.", tag: "Ocean", avatarSrc: "http://img.b2bpic.net/free-photo/relaxation-wellbeing-concept-overjoyed-dark-skinned-woman-enjoys-perfect-lazy-weekend-keeps-eyes-shut-from-pleasure-dressed-oversized-striped-sweater-uses-headphones_273609-31053.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-woman-summer-vacation-asia-relaxing-tropical-beach-digital-photo-camera-casual-boho-style-sea-landscape-slim-tanned-body-travel-alone_285396-6251.jpg" },
|
||||||
<ContactSplitForm
|
{ id: "2", name: "Sarah Heights", date: "Dec 2024", title: "Top of the world", quote: "A mountain trek I will never forget.", tag: "Mountain", avatarSrc: "http://img.b2bpic.net/free-photo/man-hiking-forest_329181-12237.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hiker-embraces-challenge-trekking-through-wilderness_482257-119787.jpg" },
|
||||||
title="Plan Your Summit"
|
{ id: "3", name: "Marco Depth", date: "Nov 2024", title: "Perfection", quote: "The perfect blend of sea and sky.", tag: "Both", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-tourist-posing-swing_23-2147643235.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-from-back-looking-sea_1303-14409.jpg" },
|
||||||
description="Ready to explore the extremes? Reach out today."
|
]}
|
||||||
useInvertedBackground={false}
|
/>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves-mountain_58702-11072.jpg"
|
<ContactSplitForm
|
||||||
mediaPosition="right"
|
title="Plan Your Summit"
|
||||||
mediaAnimation="slide-up"
|
description="Ready to explore the extremes? Reach out today."
|
||||||
buttonText="Connect With Experts"
|
useInvertedBackground={false}
|
||||||
inputs={[
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves-mountain_58702-11072.jpg"
|
||||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
mediaPosition="right"
|
||||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
mediaAnimation="slide-up"
|
||||||
{ name: "trip", type: "text", placeholder: "Ocean or Mountain?" },
|
buttonText="Connect With Experts"
|
||||||
]}
|
inputs={[
|
||||||
/>
|
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||||
</div>
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||||
|
{ name: "trip", type: "text", placeholder: "Ocean or Mountain?" },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="PeakOcean"
|
logoText="PeakOcean"
|
||||||
copyrightText="© 2025 PeakOcean Expeditions"
|
copyrightText="© 2025 PeakOcean Expeditions"
|
||||||
|
|||||||
Reference in New Issue
Block a user