bender/d293e576-af29-4a09-b2f0-dc89a4bfb6f9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 18:50:26 +00:00
parent 8cf0b12ff6
commit e459818bbb
1 changed files with 27 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/app/page.tsx
View File

@@ -4,14 +4,12 @@ import ReactLenis from "lenis/react";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
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 } from "lucide-react";
export default function LuxuryTravelAgencyTemplatePage() {
return (
@@ -28,18 +26,20 @@ export default function LuxuryTravelAgencyTemplatePage() {
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Destinations", id: "destinations" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="PeakOcean"
button={{ text: "Plan Your Escape", href: "#contact" }}
/>
<div id="hero">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Destinations", id: "destinations" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="PeakOcean"
button={{ text: "Plan Your Escape", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
title="PeakOcean Expeditions"
description="Cinematic 3D horizons where towering mountain peaks embrace the deep, infinite ocean."
@@ -54,7 +54,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
]}
/>
</div>
<div id="about">
<div id="about" data-section="about">
<InlineImageSplitTextAbout
className="pt-20"
heading={[
@@ -68,7 +68,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
useInvertedBackground={false}
/>
</div>
<div id="services">
<div id="services" data-section="services">
<FeatureCardSix
tag="Services"
tagIcon={Sparkles}
@@ -83,7 +83,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
]}
/>
</div>
<div id="destinations">
<div id="destinations" data-section="destinations">
<FeatureCardMedia
tag="Destinations"
tagIcon={Plane}
@@ -91,13 +91,14 @@ export default function LuxuryTravelAgencyTemplatePage() {
description="Select from our curated list of ocean gems and mountain wonders."
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{ 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" },
{ 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" },
]}
/>
</div>
<div id="reviews">
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
tag="Reviews"
title="Voices of Discovery"
@@ -110,21 +111,15 @@ export default function LuxuryTravelAgencyTemplatePage() {
]}
/>
</div>
<div id="contact">
<ContactSplitForm
title="Plan Your Summit"
description="Ready to explore the extremes? Reach out today."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="PeakOcean"
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }] },
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }] }
]}
/>
</div>
<FooterBaseCard
logoText="PeakOcean"
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }] },
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }] }
]}
/>
</ReactLenis>
</ThemeProvider>
);