Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
168
src/app/page.tsx
168
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tarrafal 360"
|
||||
/>
|
||||
@@ -54,61 +46,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Explore Tarrafal in 360°"
|
||||
description="Discover the stunning vistas and hidden corners of Tarrafal with our immersive virtual tour experience."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-backpack_23-2148518190.jpg",
|
||||
alt: "Visitor 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-backpack_23-2148518190.jpg", alt: "Visitor 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-outdoors_23-2149726435.jpg",
|
||||
alt: "Visitor 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-outdoors_23-2149726435.jpg", alt: "Visitor 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/kids-having-fun-as-boy-scouts_23-2149657076.jpg",
|
||||
alt: "Visitor 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/kids-having-fun-as-boy-scouts_23-2149657076.jpg", alt: "Visitor 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/water-sky-hotel-view-resort_1203-3803.jpg",
|
||||
alt: "Visitor 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/water-sky-hotel-view-resort_1203-3803.jpg", alt: "Visitor 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-south-pass-fakarawa-island_181624-42874.jpg",
|
||||
alt: "Visitor 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-south-pass-fakarawa-island_181624-42874.jpg", alt: "Visitor 5"},
|
||||
]}
|
||||
avatarText="Join 1,000+ travelers exploring with us"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Virtual Tour",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Virtual Tour", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Panoramic Views",
|
||||
},
|
||||
type: "text", text: "Panoramic Views"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interactive Mapping",
|
||||
},
|
||||
type: "text", text: "Interactive Mapping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "HD Quality",
|
||||
},
|
||||
type: "text", text: "HD Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy Navigation",
|
||||
},
|
||||
type: "text", text: "Easy Navigation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Virtual Exploration",
|
||||
},
|
||||
type: "text", text: "Virtual Exploration"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,9 +87,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Experience Tarrafal?"
|
||||
description={[
|
||||
"Tarrafal is known for its breathtaking coastlines, vibrant culture, and unforgettable landscapes. Our 360-degree tour brings the magic directly to your screen, allowing you to walk the paths before you even arrive.",
|
||||
"Whether you are planning your next trip or simply dreaming of paradise, experience every corner in high definition.",
|
||||
]}
|
||||
"Tarrafal is known for its breathtaking coastlines, vibrant culture, and unforgettable landscapes. Our 360-degree tour brings the magic directly to your screen, allowing you to walk the paths before you even arrive.", "Whether you are planning your next trip or simply dreaming of paradise, experience every corner in high definition."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,23 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Mapping",
|
||||
description: "Navigate easily with interactive markers and precise location tracking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-template-with-flat-design_23-2147866451.jpg",
|
||||
imageAlt: "Mapping Icon",
|
||||
},
|
||||
title: "Precision Mapping", description: "Navigate easily with interactive markers and precise location tracking.", imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-template-with-flat-design_23-2147866451.jpg", imageAlt: "Mapping Icon"},
|
||||
{
|
||||
title: "HD Visuals",
|
||||
description: "Crystal-clear images capture the vibrant colors and intricate details of our landscapes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-mount-johnston-surrounded-by-water-hong-kong_181624-26843.jpg",
|
||||
imageAlt: "Camera Icon",
|
||||
},
|
||||
title: "HD Visuals", description: "Crystal-clear images capture the vibrant colors and intricate details of our landscapes.", imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-mount-johnston-surrounded-by-water-hong-kong_181624-26843.jpg", imageAlt: "Camera Icon"},
|
||||
{
|
||||
title: "Interactive Tour",
|
||||
description: "Step into the scene with full control for a truly immersive experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-sitting-sofa-wearing-virtual-reality-glasses_23-2148152794.jpg",
|
||||
imageAlt: "VR Icon",
|
||||
},
|
||||
title: "Interactive Tour", description: "Step into the scene with full control for a truly immersive experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-sitting-sofa-wearing-virtual-reality-glasses_23-2148152794.jpg", imageAlt: "VR Icon"},
|
||||
]}
|
||||
title="Immersive Features"
|
||||
description="State-of-the-art tools to help you navigate and enjoy your virtual journey."
|
||||
@@ -162,34 +117,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Locations Mapped",
|
||||
items: [
|
||||
"Beach zones",
|
||||
"Mountain trails",
|
||||
"Village views",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Locations Mapped", items: [
|
||||
"Beach zones", "Mountain trails", "Village views"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Annual Visitors",
|
||||
items: [
|
||||
"Virtual travelers",
|
||||
"Trip planners",
|
||||
"Curious explorers",
|
||||
],
|
||||
id: "m2", value: "5k+", title: "Annual Visitors", items: [
|
||||
"Virtual travelers", "Trip planners", "Curious explorers"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Immersive Clarity",
|
||||
items: [
|
||||
"High definition",
|
||||
"Smooth transitions",
|
||||
"Panoramic view",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Immersive Clarity", items: [
|
||||
"High definition", "Smooth transitions", "Panoramic view"],
|
||||
},
|
||||
]}
|
||||
title="Tour Statistics"
|
||||
@@ -202,33 +139,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-with-hat-her-head-standing-near-beach-rocks_23-2148222001.jpg",
|
||||
},
|
||||
id: "1", name: "Elena M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-with-hat-her-head-standing-near-beach-rocks_23-2148222001.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-girl-with-hat-camera_23-2148752373.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-girl-with-hat-camera_23-2148752373.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-hat-posing_23-2148601988.jpg",
|
||||
},
|
||||
id: "3", name: "Sophia L.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-hat-posing_23-2148601988.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-traveler-pauses-admire-panoramic-mountain-scenery-hill-top_482257-117823.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/hiker-traveler-pauses-admire-panoramic-mountain-scenery-hill-top_482257-117823.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-healthy-lifestyle-concept-close-up-view-happy-smiling-young-bearded-surfer-carrying-surfboard-his-head-his-way-ocean_273609-1543.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah W.", imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-healthy-lifestyle-concept-close-up-view-happy-smiling-young-bearded-surfer-carrying-surfboard-his-head-his-way-ocean_273609-1543.jpg"},
|
||||
]}
|
||||
cardTitle="Traveler Experiences"
|
||||
cardTag="What People Say"
|
||||
cardTag="Traveler Stories"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -239,20 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the tour free?",
|
||||
content: "Yes, our virtual tour is completely free to access for everyone.",
|
||||
},
|
||||
id: "1", title: "Is the tour free?", content: "Yes, our virtual tour is completely free to access for everyone."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need VR gear?",
|
||||
content: "No, it works seamlessly on your desktop, tablet, or smartphone.",
|
||||
},
|
||||
id: "2", title: "Do I need VR gear?", content: "No, it works seamlessly on your desktop, tablet, or smartphone."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I save locations?",
|
||||
content: "You can bookmark your favorite spots for easy reference later.",
|
||||
},
|
||||
id: "3", title: "Can I save locations?", content: "You can bookmark your favorite spots for easy reference later."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/telemarketing-sales-worker-answering-client-call-headset-talking-people-remote-helpline-support-young-telework-operator-using-customer-care-service-equipment-close-up_482257-43024.jpg"
|
||||
title="Common Questions"
|
||||
@@ -266,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Need More Information?"
|
||||
description="Send us your questions, and we will get back to you shortly."
|
||||
@@ -280,13 +192,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Tarrafal 360"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Support", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user