Merge version_2 into main #9
193
src/app/page.tsx
193
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -27,69 +27,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Tours",
|
||||
id: "/tours",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Tours", id: "/tours" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Chalay Ao Travels"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
title="Pakistan Ki Khoobsurti, Aapke Saath"
|
||||
description="Discover the Magic of Northern Pakistan with premium guided experiences."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
|
||||
alt: "Happy traveller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-book-close-up_23-2148973429.jpg",
|
||||
alt: "Woman reading",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-headphones-around-neck_23-2148397126.jpg",
|
||||
alt: "Smiling traveller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "Portrait view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg",
|
||||
alt: "Businessman traveller",
|
||||
},
|
||||
]}
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Elevated Expeditions in Northern Pakistan"
|
||||
description="Redefining adventure through curated, high-end journeys and bespoke experiences."
|
||||
tag="Premium Travel"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tours",
|
||||
href: "/tours",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/923356442987",
|
||||
},
|
||||
{ text: "Discover Collections", href: "/tours" },
|
||||
{ text: "Concierge Support", href: "https://wa.me/923356442987" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-shot-parco-naturale-di-fanes-sennes-braies-prags-italy_181624-21712.jpg", imageAlt: "Scenic view 1" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4803.jpg", imageAlt: "Scenic view 2" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/view-blue-lake-with-mountain_23-2148153623.jpg", imageAlt: "Scenic view 3" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/lake-surrounded-by-mountains-daytime_181624-45208.jpg", imageAlt: "Scenic view 4" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-river-flowing-autumn-forest_181624-36993.jpg", imageAlt: "Scenic view 5" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/pixel-art-river-landscape-illustration_23-2151793184.jpg", imageAlt: "Scenic view 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,27 +64,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
title: "Rating",
|
||||
description: "Star average",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clumsy-foolish-hiker-dropping-his-phone-search-signal-mountain-top_482257-119806.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "455+",
|
||||
title: "Reviews",
|
||||
description: "Happy customers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-gazes-panoramic-view-dramatic-mountain-peaks-clouds_482257-125779.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Trips",
|
||||
description: "Completed tours",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-tourist-with-backpack-top-mountain-puts-foot-rocks-stone_482257-120708.jpg",
|
||||
},
|
||||
{ id: "m1", value: "4.9", title: "Rating", description: "Star average", imageSrc: "http://img.b2bpic.net/free-photo/clumsy-foolish-hiker-dropping-his-phone-search-signal-mountain-top_482257-119806.jpg" },
|
||||
{ id: "m2", value: "455+", title: "Reviews", description: "Happy customers", imageSrc: "http://img.b2bpic.net/free-photo/hiker-gazes-panoramic-view-dramatic-mountain-peaks-clouds_482257-125779.jpg" },
|
||||
{ id: "m3", value: "500+", title: "Trips", description: "Completed tours", imageSrc: "http://img.b2bpic.net/free-photo/hiker-tourist-with-backpack-top-mountain-puts-foot-rocks-stone_482257-120708.jpg" },
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Our track record speaks for itself."
|
||||
@@ -134,48 +80,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ratti Gali & Kel",
|
||||
price: "$48",
|
||||
variant: "3 Days",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-shot-parco-naturale-di-fanes-sennes-braies-prags-italy_181624-21712.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Swat & Kalam",
|
||||
price: "$48",
|
||||
variant: "3 Days",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4803.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Naran Valley",
|
||||
price: "$48",
|
||||
variant: "3 Days",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-blue-lake-with-mountain_23-2148153623.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Skardu Family Trip",
|
||||
price: "Custom",
|
||||
variant: "6 Days",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lake-surrounded-by-mountains-daytime_181624-45208.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Honeymoon Special",
|
||||
price: "Custom",
|
||||
variant: "Flexible",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-river-flowing-autumn-forest_181624-36993.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Winter Special",
|
||||
price: "Custom",
|
||||
variant: "4 Days",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pixel-art-river-landscape-illustration_23-2151793184.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Ratti Gali & Kel", price: "$48", variant: "3 Days", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-shot-parco-naturale-di-fanes-sennes-braies-prags-italy_181624-21712.jpg" },
|
||||
{ id: "p2", name: "Swat & Kalam", price: "$48", variant: "3 Days", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4803.jpg" },
|
||||
{ id: "p3", name: "Naran Valley", price: "$48", variant: "3 Days", imageSrc: "http://img.b2bpic.net/free-photo/view-blue-lake-with-mountain_23-2148153623.jpg" },
|
||||
{ id: "p4", name: "Skardu Family Trip", price: "Custom", variant: "6 Days", imageSrc: "http://img.b2bpic.net/free-photo/lake-surrounded-by-mountains-daytime_181624-45208.jpg" },
|
||||
]}
|
||||
title="Featured Packages"
|
||||
description="Handpicked experiences for your next adventure."
|
||||
@@ -188,16 +96,8 @@ export default function LandingPage() {
|
||||
title="Our Reach"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "mx1",
|
||||
value: "15",
|
||||
description: "Destinations explored",
|
||||
},
|
||||
{
|
||||
id: "mx2",
|
||||
value: "100%",
|
||||
description: "Customer satisfaction",
|
||||
},
|
||||
{ id: "mx1", value: "15", description: "Destinations explored" },
|
||||
{ id: "mx2", value: "100%", description: "Customer satisfaction" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -207,33 +107,16 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Tours",
|
||||
href: "/tours",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Tours", href: "/tours" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "+92 335 6442987",
|
||||
href: "tel:+923356442987",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Chat",
|
||||
href: "https://wa.me/923356442987",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "+92 335 6442987", href: "tel:+923356442987" },
|
||||
{ label: "WhatsApp Chat", href: "https://wa.me/923356442987" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -244,4 +127,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user