Merge version_1 into main #2
296
src/app/page.tsx
296
src/app/page.tsx
@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
@@ -17,216 +16,105 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Trip Overview",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Itinerary",
|
||||
id: "#itinerary",
|
||||
},
|
||||
]}
|
||||
brandName="GreekPlanner"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Trip Overview", id: "#about" },
|
||||
{ name: "Itinerary", id: "#itinerary" },
|
||||
]}
|
||||
brandName="GreekPlanner"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Organize Your Greek Odyssey"
|
||||
description="Keep track of every flight, hotel stay, and island transition with our dedicated trip manager."
|
||||
tag="Travel Planner"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-big-pool-cliff-near-sea_181624-2476.jpg?_wi=1",
|
||||
imageAlt: "Santorini view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-big-pool-cliff-near-sea_181624-2476.jpg?_wi=2",
|
||||
imageAlt: "Greek island landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-waiting-airport_23-2148255978.jpg?_wi=1",
|
||||
imageAlt: "Airport lounge",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg?_wi=1",
|
||||
imageAlt: "Luxury room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-white-yacht_1163-3410.jpg?_wi=1",
|
||||
imageAlt: "Ferry boat view",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Planning Made Easy"
|
||||
tagIcon={Map}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Organize Your Greek Odyssey"
|
||||
description="Keep track of every flight, hotel stay, and island transition with our dedicated trip manager."
|
||||
tag="Travel Planner"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-big-pool-cliff-near-sea_181624-2476.jpg", imageAlt: "Santorini view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-big-pool-cliff-near-sea_181624-2476.jpg", imageAlt: "Greek island landscape" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Planning Made Easy"
|
||||
tagIcon={Map}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trip Summary"
|
||||
description={[
|
||||
"From the cliffs of Santorini to the beaches of Zakynthos and Sami, stay organized at every step.",
|
||||
"Our platform helps you centralize your flight details, hotel bookings, and transfer information.",
|
||||
"Optimize your logistics to spend more time relaxing and less time stressing over travel documents.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trip Summary"
|
||||
description={[
|
||||
"From the cliffs of Santorini to the beaches of Zakynthos and Sami, stay organized at every step.", "Our platform helps you centralize your flight details, hotel bookings, and transfer information.", "Optimize your logistics to spend more time relaxing and less time stressing over travel documents."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="itinerary" data-section="itinerary">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Santorin Stay",
|
||||
author: "18-21 May",
|
||||
description: "Arrive at Santorin via Paris (Orly). Staying at Hotel Villa Ilias with breakfast included.",
|
||||
tags: [
|
||||
"Flights",
|
||||
"Hotel",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-waiting-airport_23-2148255978.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Zakynthos Discovery",
|
||||
author: "21-25 May",
|
||||
description: "Transition to Capolavoro Suites near town center. Breakfast included, gym nearby.",
|
||||
tags: [
|
||||
"Ferry/Flight",
|
||||
"Hotel",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Kefalonia Escape",
|
||||
author: "25 May - 1 June",
|
||||
description: "Sami beach hotel stay followed by a move to Argostoli. Car rental planned.",
|
||||
tags: [
|
||||
"Ferry",
|
||||
"Transfer",
|
||||
"Hotel",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-white-yacht_1163-3410.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Itinerary Highlights"
|
||||
description="Key stages of your travel plan for May and June."
|
||||
/>
|
||||
</div>
|
||||
<div id="itinerary" data-section="itinerary">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Santorin Stay", author: "18-21 May", description: "Arrive at Santorin via Paris (Orly). Staying at Hotel Villa Ilias with breakfast included.", tags: ["Flights", "Hotel"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-waiting-airport_23-2148255978.jpg"},
|
||||
{
|
||||
id: "2", title: "Zakynthos Discovery", author: "21-25 May", description: "Transition to Capolavoro Suites near town center. Breakfast included, gym nearby.", tags: ["Ferry/Flight", "Hotel"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg"},
|
||||
{
|
||||
id: "3", title: "Kefalonia Escape", author: "25 May - 1 June", description: "Sami beach hotel stay followed by a move to Argostoli. Car rental planned.", tags: ["Ferry", "Transfer", "Hotel"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-white-yacht_1163-3410.jpg"},
|
||||
]}
|
||||
title="Itinerary Highlights"
|
||||
description="Key stages of your travel plan for May and June."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Travelers"
|
||||
description="Join thousands of explorers who rely on GreekPlanner to organize their perfect summer getaway."
|
||||
names={[
|
||||
"IslandHopper",
|
||||
"AegeanLines",
|
||||
"SantoriniGuide",
|
||||
"SeaTravelPlus",
|
||||
"MediterraneanJourneys",
|
||||
]}
|
||||
tag="Community"
|
||||
tagIcon={Users}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Travelers"
|
||||
description="Join thousands of explorers who rely on GreekPlanner to organize their perfect summer getaway."
|
||||
names={["IslandHopper", "AegeanLines", "SantoriniGuide", "SeaTravelPlus", "MediterraneanJourneys"]}
|
||||
tag="Community"
|
||||
tagIcon={Users}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Trip Insights"
|
||||
description="Overview of your logistics and planned milestones."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "12",
|
||||
title: "Total Days",
|
||||
description: "Duration of your trip",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "4",
|
||||
title: "Islands",
|
||||
description: "Total stops included",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "8",
|
||||
title: "Bookings",
|
||||
description: "Confirmed reservations",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "3",
|
||||
title: "Transfers",
|
||||
description: "Ferry and flight transitions",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Travel Tools",
|
||||
items: [
|
||||
{
|
||||
label: "Itinerary",
|
||||
href: "#itinerary",
|
||||
},
|
||||
{
|
||||
label: "Bookings",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 GreekPlanner"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Travel Tools", items: [
|
||||
{ label: "Itinerary", href: "#itinerary" },
|
||||
{ label: "Bookings", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 GreekPlanner"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user