Update src/app/page.tsx
This commit is contained in:
260
src/app/page.tsx
260
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Explore",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Destinations",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonial",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Explore", id: "features" },
|
||||
{ name: "Destinations", id: "product" },
|
||||
{ name: "Community", id: "testimonial" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="SilkPath"
|
||||
/>
|
||||
@@ -53,67 +41,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Unfold the Silk Road"
|
||||
description="Navigate through time, experience history, and book authentic local adventures in Uzbekistan. Luxury travel reimagined."
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Journey",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "View Cities",
|
||||
href: "#product",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Begin Journey", href: "#features" }, { text: "View Cities", href: "#product" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stained-glass-window-green-cross-sacred-art_169016-68753.jpg"
|
||||
imageAlt="Registan Square in Samarkand"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-tourist-man-with-road-travel-map-sits-floor-near-suitcase-shows-okay-ok-sign_1258-270819.jpg",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-backpack-map-camera_23-2147847022.jpg",
|
||||
alt: "Traveler 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-with-binoculars_23-2147981978.jpg",
|
||||
alt: "Traveler 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-couple-posing-vacation_23-2148656209.jpg",
|
||||
alt: "Traveler 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-working-outdoors-medium-shot_23-2148968966.jpg",
|
||||
alt: "Traveler 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-handsome-tourist-man-with-road-travel-map-sits-floor-near-suitcase-shows-okay-ok-sign_1258-270819.jpg", alt: "Sarah J" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-backpack-map-camera_23-2147847022.jpg", alt: "Traveler 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-tourist-with-binoculars_23-2147981978.jpg", alt: "Traveler 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-couple-posing-vacation_23-2148656209.jpg", alt: "Traveler 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/freelancer-working-outdoors-medium-shot_23-2148968966.jpg", alt: "Traveler 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ explorers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Samarkand",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bukhara",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Khiva",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tashkent",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fergana",
|
||||
},
|
||||
{ type: "text", text: "Samarkand" },
|
||||
{ type: "text", text: "Bukhara" },
|
||||
{ type: "text", text: "Khiva" },
|
||||
{ type: "text", text: "Tashkent" },
|
||||
{ type: "text", text: "Fergana" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,19 +69,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Experience Heritage with ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cool-composition-blue-wall-with-lot-golden-star-figures_181624-5879.jpg",
|
||||
alt: "Tile Mosaic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Modern Luxury",
|
||||
},
|
||||
{ type: "text", content: "Experience Heritage with " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/cool-composition-blue-wall-with-lot-golden-star-figures_181624-5879.jpg", alt: "Tile Mosaic" },
|
||||
{ type: "text", content: " Modern Luxury" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,33 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "AR Time Lens",
|
||||
tags: [
|
||||
"Technology",
|
||||
"Immersion",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hands-holding-smartphone_23-2149617646.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "AI Travel Concierge",
|
||||
tags: [
|
||||
"AI",
|
||||
"Personal",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-having-fun-with-gadget-hotel_482257-76671.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Gamified Quests",
|
||||
tags: [
|
||||
"Social",
|
||||
"Fun",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336582.jpg",
|
||||
},
|
||||
{ id: "1", title: "AR Time Lens", tags: ["Technology", "Immersion"], imageSrc: "http://img.b2bpic.net/free-photo/view-hands-holding-smartphone_23-2149617646.jpg" },
|
||||
{ id: "2", title: "AI Travel Concierge", tags: ["AI", "Personal"], imageSrc: "http://img.b2bpic.net/free-photo/tourist-having-fun-with-gadget-hotel_482257-76671.jpg" },
|
||||
{ id: "3", title: "Gamified Quests", tags: ["Social", "Fun"], imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336582.jpg" },
|
||||
]}
|
||||
title="Smart Travel Tech"
|
||||
description="Features built for the modern explorer, balancing convenience with historical immersion."
|
||||
@@ -180,52 +93,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Registan Plaza Hotel",
|
||||
price: "$150/night",
|
||||
variant: "Hotel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-mattress-modern-background-sleep_1203-4116.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silk Road Café",
|
||||
price: "$20",
|
||||
variant: "Dining",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adding-pinch-sumakh-lavash-kutab_114579-2336.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Khiva Verified Host",
|
||||
price: "$45",
|
||||
variant: "Experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourists-checking-map_23-2147635447.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Itchan Kala Fortress",
|
||||
price: "Included",
|
||||
variant: "Historical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-historic-ruined-buildings-morocco_181624-15954.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bibi-Khanym Mosque",
|
||||
price: "Included",
|
||||
variant: "Historical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/islamic-mosque-ceiling_1085-530.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minzifa Tea House",
|
||||
price: "$15",
|
||||
variant: "Dining",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinise-building_1417-1704.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Registan Plaza Hotel", price: "$150/night", variant: "Hotel", imageSrc: "http://img.b2bpic.net/free-photo/fabric-mattress-modern-background-sleep_1203-4116.jpg" },
|
||||
{ id: "p2", name: "Silk Road Café", price: "$20", variant: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/adding-pinch-sumakh-lavash-kutab_114579-2336.jpg" },
|
||||
{ id: "p3", name: "Khiva Verified Host", price: "$45", variant: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/tourists-checking-map_23-2147635447.jpg" },
|
||||
{ id: "p4", name: "Itchan Kala Fortress", price: "Included", variant: "Historical", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-historic-ruined-buildings-morocco_181624-15954.jpg" },
|
||||
{ id: "p5", name: "Bibi-Khanym Mosque", price: "Included", variant: "Historical", imageSrc: "http://img.b2bpic.net/free-photo/islamic-mosque-ceiling_1085-530.jpg" },
|
||||
{ id: "p6", name: "Minzifa Tea House", price: "$15", variant: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/chinise-building_1417-1704.jpg" },
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Verified hostels, luxury hotels, and authentic local culinary gems."
|
||||
@@ -239,26 +117,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah J., Digital Nomad"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-tourist-man-with-road-travel-map-sits-floor-near-suitcase-shows-okay-ok-sign_1258-270819.jpg",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-backpack-map-camera_23-2147847022.jpg",
|
||||
alt: "Traveler 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-with-binoculars_23-2147981978.jpg",
|
||||
alt: "Traveler 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-couple-posing-vacation_23-2148656209.jpg",
|
||||
alt: "Traveler 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-working-outdoors-medium-shot_23-2148968966.jpg",
|
||||
alt: "Traveler 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-handsome-tourist-man-with-road-travel-map-sits-floor-near-suitcase-shows-okay-ok-sign_1258-270819.jpg", alt: "Sarah J" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-backpack-map-camera_23-2147847022.jpg", alt: "Traveler 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-tourist-with-binoculars_23-2147981978.jpg", alt: "Traveler 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-couple-posing-vacation_23-2148656209.jpg", alt: "Traveler 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/freelancer-working-outdoors-medium-shot_23-2148968966.jpg", alt: "Traveler 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -270,21 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the app offline-compatible?",
|
||||
content: "Yes! Maps, audio tours, and translation scans are available offline.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How are hosts verified?",
|
||||
content: "We personally check every host for local knowledge, safety, and authentic hospitality.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I switch cities easily?",
|
||||
content: "The top bar lets you switch cities instantly, updating all local recommendations.",
|
||||
},
|
||||
{ id: "f1", title: "Is the app offline-compatible?", content: "Yes! Maps, audio tours, and translation scans are available offline." },
|
||||
{ id: "f2", title: "How are hosts verified?", content: "We personally check every host for local knowledge, safety, and authentic hospitality." },
|
||||
{ id: "f3", title: "Can I switch cities easily?", content: "The top bar lets you switch cities instantly, updating all local recommendations." },
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Common questions for travelers visiting the Silk Road."
|
||||
@@ -295,46 +146,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Start your journey through Uzbekistan today. Let's create unforgettable memories."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="SilkPath"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user