Merge version_2 into main #4
133
src/app/page.tsx
133
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
@@ -29,41 +29,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Packages", id: "products"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Packages", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TravelExpert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Perfect Trip, Expertly Planned"
|
||||
description="Discover handpicked destinations and seamless booking. Let our travel experts handle the details so you can focus on adventure."
|
||||
tag="Travel with Confidence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Packages", href: "#products"},
|
||||
{ text: "Explore Packages", href: "#products" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8220.jpg", imageAlt: "Tropical vacation resort"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-hill-with-trees-near-mountain-blue-sky-daytime_181624-3355.jpg", imageAlt: "Adventure travel mountains"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 5,000+ travelers worldwide"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8220.jpg"
|
||||
imageAlt="Tropical vacation resort"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,8 +59,7 @@ export default function LandingPage() {
|
||||
tag="Our Story"
|
||||
title="Crafting unforgettable memories for over a decade"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -87,23 +72,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Luxury", name: "Maldives Paradise", price: "$2,499", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-beautiful-water-villa-maldives-island-travel-vacation-outdoor-shot_1232-4461.jpg"},
|
||||
id: "1", brand: "Luxury", name: "Maldives Paradise", price: "$2,499", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-beautiful-water-villa-maldives-island-travel-vacation-outdoor-shot_1232-4461.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Cultural", name: "Parisian Escape", price: "$1,899", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-walking-together_23-2149249289.jpg"},
|
||||
id: "2", brand: "Cultural", name: "Parisian Escape", price: "$1,899", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-walking-together_23-2149249289.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Adventure", name: "Alps Winter Peak", price: "$2,100", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/magical-winter-landscape_23-2151911765.jpg"},
|
||||
id: "3", brand: "Adventure", name: "Alps Winter Peak", price: "$2,100", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/magical-winter-landscape_23-2151911765.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "Safari", name: "Savanna Expedition", price: "$3,200", rating: 5,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/crossroad-car-safari-scene_23-2151822324.jpg"},
|
||||
id: "4", brand: "Safari", name: "Savanna Expedition", price: "$3,200", rating: 5,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/crossroad-car-safari-scene_23-2151822324.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", brand: "Relaxing", name: "Kyoto Zen Retreat", price: "$1,950", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/buddha-statue-ayutthaya-historical-park-wat-chaiwatthanaram-buddhist-temple-thailand_335224-1011.jpg"},
|
||||
id: "5", brand: "Relaxing", name: "Kyoto Zen Retreat", price: "$1,950", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/buddha-statue-ayutthaya-historical-park-wat-chaiwatthanaram-buddhist-temple-thailand_335224-1011.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", brand: "Premium", name: "Ocean Cruise Voyage", price: "$2,800", rating: 5,
|
||||
reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-sea-with-single-boat-sailing-sunset_181624-45047.jpg"},
|
||||
id: "6", brand: "Premium", name: "Ocean Cruise Voyage", price: "$2,800", rating: 5,
|
||||
reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-sea-with-single-boat-sailing-sunset_181624-45047.jpg"
|
||||
},
|
||||
]}
|
||||
title="Curated Travel Packages"
|
||||
description="Explore our handpicked selection of vacation experiences tailored to every travel style."
|
||||
@@ -117,16 +108,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Thompson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-woman-looks-into-camera-smiles-caucasian-short-haired-lady-black-jacket-laughing-posing-isolated_197531-18517.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-tennis-player-court_329181-14408.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-with-bag-preparing-vacation-blue-space_140725-87817.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2873.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shallow-focus-shot-beautiful-female-smiling-camera_181624-7125.jpg", alt: "Customer"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-woman-looks-into-camera-smiles-caucasian-short-haired-lady-black-jacket-laughing-posing-isolated_197531-18517.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-tennis-player-court_329181-14408.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-female-with-bag-preparing-vacation-blue-space_140725-87817.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2873.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shallow-focus-shot-beautiful-female-smiling-camera_181624-7125.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -138,14 +124,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How do I book a package?", content: "Simply select your desired package and click 'Book Now', or contact our agents for assistance."},
|
||||
{
|
||||
id: "f2", title: "What is your refund policy?", content: "Our refund policy varies by destination and package type; please consult your booking confirmation."},
|
||||
{
|
||||
id: "f3", title: "Do you offer group travel?", content: "Yes, we specialize in corporate and group travel coordination."},
|
||||
{
|
||||
id: "f4", title: "Are flights included?", content: "Most of our packages include flight options, but can be customized upon request."},
|
||||
{ id: "f1", title: "How do I book a package?", content: "Simply select your desired package and click 'Book Now', or contact our agents for assistance." },
|
||||
{ id: "f2", title: "What is your refund policy?", content: "Our refund policy varies by destination and package type; please consult your booking confirmation." },
|
||||
{ id: "f3", title: "Do you offer group travel?", content: "Yes, we specialize in corporate and group travel coordination." },
|
||||
{ id: "f4", title: "Are flights included?", content: "Most of our packages include flight options, but can be customized upon request." },
|
||||
]}
|
||||
title="Common Travel Questions"
|
||||
description="Get answers to everything you need to know about booking with us."
|
||||
@@ -159,15 +141,11 @@ export default function LandingPage() {
|
||||
title="Ready to Start Your Adventure?"
|
||||
description="Send us your preferences and we'll create a customized itinerary just for you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us where you want to go!", required: true,
|
||||
name: "message", placeholder: "Tell us where you want to go!", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-background-receptionist-working_1203-994.jpg"
|
||||
mediaPosition="left"
|
||||
@@ -177,30 +155,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Us", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 TravelExpert Inc."
|
||||
bottomRightText="All rights reserved"
|
||||
|
||||
Reference in New Issue
Block a user