Update src/app/page.tsx

Merge version_1 into main

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: "Home",
+        { name: "Tours", id: "/tours" },
-          id: "/",
+        { name: "About", id: "/about" },
-        },
+        { name: "Reviews", id: "/reviews" },
-        {
+        { name: "Contact", id: "/contact" },
-          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
+      <HeroBillboardRotatedCarousel
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "downward-rays-animated",
+      title="Elevated Expeditions in Northern Pakistan"
-      }}
+      description="Redefining adventure through curated, high-end journeys and bespoke experiences."
-      title="Pakistan Ki Khoobsurti, Aapke Saath"
+      tag="Premium Travel"
-      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",
-        },
-      ]}
       buttons={[
-        {
+        { text: "Discover Collections", href: "/tours" },
-          text: "Explore Tours",
+        { text: "Concierge Support", href: "https://wa.me/923356442987" },
-          href: "/tours",
+      ]}
-        },
+      carouselItems={[
-        {
+        { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-shot-parco-naturale-di-fanes-sennes-braies-prags-italy_181624-21712.jpg?_wi=1", imageAlt: "Scenic view 1" },
-          text: "WhatsApp Us",
+        { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4803.jpg?_wi=1", imageAlt: "Scenic view 2" },
-          href: "https://wa.me/923356442987",
+        { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/view-blue-lake-with-mountain_23-2148153623.jpg?_wi=1", imageAlt: "Scenic view 3" },
-        },
+        { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/lake-surrounded-by-mountains-daytime_181624-45208.jpg?_wi=1", 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: "m1",
+        { 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" },
-          value: "4.9",
+        { 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: "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?_wi=2" },
-          id: "p1",
+        { 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?_wi=2" },
-          name: "Ratti Gali & Kel",
+        { 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?_wi=2" },
-          price: "$48",
+        { 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?_wi=2" },
-          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",
-        },
       ]}
       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: "mx1",
+        { id: "mx2", value: "100%", description: "Customer satisfaction" },
-          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",
+          title: "Quick Links",          items: [
-          items: [
+            { label: "Tours", href: "/tours" },
-            {
+            { label: "About", href: "/about" },
-              label: "Tours",
+            { label: "Contact", href: "/contact" },
-              href: "/tours",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
+            { label: "+92 335 6442987", href: "tel:+923356442987" },
-            {
+            { label: "WhatsApp Chat", href: "https://wa.me/923356442987" },
-              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>
   );
-}
+}