From 050944bf6b065757a021ae06fff4e319d9fd4a56 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 01:48:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 489 ++++++++++++++---------------------------------
 1 file changed, 145 insertions(+), 344 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d46ba10..88961ec 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,360 +16,161 @@ import { Award, Car, Clock, Globe, Headphones, MapPin, ShieldCheck, Users } from
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Al-Shamali Tourism"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Al-Shamali Tourism"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "plain",
-      }}
-      title="Welcome to Al-Shamali Tourism"
-      description="Premium travel experiences and professional transportation services in Istanbul. Your comfort is our priority."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-girl-with-long-hair-sunglasses-is-listening-music-through-headphones-terrace-she-wears-white-dress-with-bare-shoulders-red-lipstick-hat-she-is-dancing_197531-720.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-winks_114579-18692.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/youth-modern-sport-activities-active-recreation-attractive-bearded-guy-posing-with-his-board-against-landscape-wild-beach-calm-waves-blue-sea-water-looking-happy_273609-1550.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-smiling-waving_23-2148631402.jpg",
-          alt: "Customer",
-        },
-      ]}
-      avatarText="Trusted by hundreds of happy travelers"
-      buttons={[
-        {
-          text: "Book Now on WhatsApp",
-          href: "https://wa.me/905393900249",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Luxury Airport Transfers",
-        },
-        {
-          type: "text",
-          text: "24/7 Private Chauffeur",
-        },
-        {
-          type: "text",
-          text: "Guided City Sightseeing",
-        },
-        {
-          type: "text",
-          text: "Reliable & Professional",
-        },
-        {
-          type: "text",
-          text: "Istanbul Experts",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="Welcome to Al-Shamali Tourism"
+            description="Premium travel experiences and professional transportation services in Istanbul. Your comfort is our priority."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/pretty-girl-with-long-hair-sunglasses-is-listening-music-through-headphones-terrace-she-wears-white-dress-with-bare-shoulders-red-lipstick-hat-she-is-dancing_197531-720.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-winks_114579-18692.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/youth-modern-sport-activities-active-recreation-attractive-bearded-guy-posing-with-his-board-against-landscape-wild-beach-calm-waves-blue-sea-water-looking-happy_273609-1550.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-woman-smiling-waving_23-2148631402.jpg", alt: "Customer" },
+            ]}
+            avatarText="Trusted by hundreds of happy travelers"
+            buttons={[{ text: "Book Now on WhatsApp", href: "https://wa.me/905393900249" }]}
+            marqueeItems={[
+              { type: "text", text: "Luxury Airport Transfers" },
+              { type: "text", text: "24/7 Private Chauffeur" },
+              { type: "text", text: "Guided City Sightseeing" },
+              { type: "text", text: "Reliable & Professional" },
+              { type: "text", text: "Istanbul Experts" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: ShieldCheck,
-          title: "Verified Services",
-          description: "Safe, professional, and licensed tourism services.",
-        },
-        {
-          icon: Car,
-          title: "Premium Fleet",
-          description: "High-end cars with or without a private driver.",
-        },
-        {
-          icon: Clock,
-          title: "24/7 Availability",
-          description: "Always ready to assist you at any time.",
-        },
-        {
-          icon: MapPin,
-          title: "Local Expertise",
-          description: "Deep knowledge of Istanbul’s hidden gems.",
-        },
-        {
-          icon: Globe,
-          title: "Multi-lingual Support",
-          description: "Staff fluent in Arabic, English, and Turkish.",
-        },
-      ]}
-      title="Why Choose Us?"
-      description="We offer premium services designed for your comfort and convenience."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: ShieldCheck, title: "Verified Services", description: "Safe, professional, and licensed tourism services." },
+              { icon: Car, title: "Premium Fleet", description: "High-end cars with or without a private driver." },
+              { icon: Clock, title: "24/7 Availability", description: "Always ready to assist you at any time." },
+              { icon: MapPin, title: "Local Expertise", description: "Deep knowledge of Istanbul’s hidden gems." },
+              { icon: Globe, title: "Multi-lingual Support", description: "Staff fluent in Arabic, English, and Turkish." },
+            ]}
+            title="Why Choose Us?"
+            description="We offer premium services designed for your comfort and convenience."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Transport",
-          name: "Airport Transfer",
-          price: "From $50",
-          rating: 5,
-          reviewCount: "120+",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-holding-baggage_23-2149901447.jpg",
-        },
-        {
-          id: "2",
-          brand: "Tour",
-          name: "City Sightseeing",
-          price: "From $80",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-turkish-monumental-landmark-buyuk-mecidiye-mosque_1268-20226.jpg",
-        },
-        {
-          id: "3",
-          brand: "Rent",
-          name: "Car Rental",
-          price: "From $60/day",
-          rating: 4,
-          reviewCount: "95+",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22067.jpg",
-        },
-        {
-          id: "4",
-          brand: "Tour",
-          name: "Full Day Tour",
-          price: "From $120",
-          rating: 5,
-          reviewCount: "150+",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-posing-selfie-bridge_23-2147771272.jpg",
-        },
-        {
-          id: "5",
-          brand: "Transport",
-          name: "VIP Chauffeur",
-          price: "Contact for quote",
-          rating: 5,
-          reviewCount: "50+",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-his-car-taxi-services_23-2149149593.jpg",
-        },
-        {
-          id: "6",
-          brand: "Rent",
-          name: "Chauffeur Service",
-          price: "From $150",
-          rating: 5,
-          reviewCount: "80+",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-taxi-driver-costume_23-2149204562.jpg",
-        },
-      ]}
-      title="Our Services"
-      description="Explore our curated travel and transportation packages."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Transport", name: "Airport Transfer", price: "From $50", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-holding-baggage_23-2149901447.jpg" },
+              { id: "2", brand: "Tour", name: "City Sightseeing", price: "From $80", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-turkish-monumental-landmark-buyuk-mecidiye-mosque_1268-20226.jpg" },
+              { id: "3", brand: "Rent", name: "Car Rental", price: "From $60/day", rating: 4, reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22067.jpg" },
+              { id: "4", brand: "Tour", name: "Full Day Tour", price: "From $120", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-posing-selfie-bridge_23-2147771272.jpg" },
+              { id: "5", brand: "Transport", name: "VIP Chauffeur", price: "Contact for quote", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-his-car-taxi-services_23-2149149593.jpg" },
+              { id: "6", brand: "Rent", name: "Chauffeur Service", price: "From $150", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-taxi-driver-costume_23-2149204562.jpg" },
+            ]}
+            title="Our Services"
+            description="Explore our curated travel and transportation packages."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Happy Travelers",
-          description: "Satisfied guests annually.",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          value: "12+",
-          title: "Years Experience",
-          description: "Years in hospitality industry.",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Support",
-          description: "Always here to help you.",
-          icon: Headphones,
-        },
-      ]}
-      title="Our Achievements"
-      description="We are proud to serve travelers with excellence."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "500+", title: "Happy Travelers", description: "Satisfied guests annually.", icon: Users },
+              { id: "m2", value: "12+", title: "Years Experience", description: "Years in hospitality industry.", icon: Award },
+              { id: "m3", value: "24/7", title: "Support", description: "Always here to help you.", icon: Headphones },
+            ]}
+            title="Our Achievements"
+            description="We are proud to serve travelers with excellence."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Ahmed",
-          handle: "@traveler",
-          testimonial: "Excellent service and very punctual airport transfer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg",
-        },
-        {
-          id: "2",
-          name: "John Smith",
-          handle: "@tourist",
-          testimonial: "The tour was amazing! Very professional guides.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-surprised-cheerful-european-woman-keeps-hand-hat-drinks-takeaway-coffee-walks-city-street_273609-25763.jpg",
-        },
-        {
-          id: "3",
-          name: "Yusuf Demir",
-          handle: "@local",
-          testimonial: "Best car rental company in Istanbul, highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-yellow-summer-dress-hat-take-selfie-phone-stands-bridge-with-city-amazing-view_343596-6119.jpg",
-        },
-        {
-          id: "4",
-          name: "Laila Hassan",
-          handle: "@explorer",
-          testimonial: "Loved the private driver service. Very comfortable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-excited-female-hiking-mountains-enjoying-beautiful-view_181624-55999.jpg",
-        },
-        {
-          id: "5",
-          name: "Mark Wilson",
-          handle: "@guest",
-          testimonial: "Great rates and fantastic customer service experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-signing-delivery_23-2148480384.jpg",
-        },
-      ]}
-      title="Client Reviews"
-      description="Hear what our happy customers say about our services."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Ahmed", handle: "@traveler", testimonial: "Excellent service and very punctual airport transfer.", imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg" },
+              { id: "2", name: "John Smith", handle: "@tourist", testimonial: "The tour was amazing! Very professional guides.", imageSrc: "http://img.b2bpic.net/free-photo/photo-surprised-cheerful-european-woman-keeps-hand-hat-drinks-takeaway-coffee-walks-city-street_273609-25763.jpg" },
+              { id: "3", name: "Yusuf Demir", handle: "@local", testimonial: "Best car rental company in Istanbul, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-yellow-summer-dress-hat-take-selfie-phone-stands-bridge-with-city-amazing-view_343596-6119.jpg" },
+              { id: "4", name: "Laila Hassan", handle: "@explorer", testimonial: "Loved the private driver service. Very comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/young-excited-female-hiking-mountains-enjoying-beautiful-view_181624-55999.jpg" },
+              { id: "5", name: "Mark Wilson", handle: "@guest", testimonial: "Great rates and fantastic customer service experience.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-signing-delivery_23-2148480384.jpg" },
+            ]}
+            title="Client Reviews"
+            description="Hear what our happy customers say about our services."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How to book?",
-          content: "Send your request directly via WhatsApp.",
-        },
-        {
-          id: "f2",
-          title: "Available cars?",
-          content: "We have a wide range of sedan, SUV, and VIP vans.",
-        },
-        {
-          id: "f3",
-          title: "Languages?",
-          content: "We support Arabic, English, and Turkish.",
-        },
-      ]}
-      title="Common Questions"
-      description="Answers to your frequently asked questions about booking."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How to book?", content: "Send your request directly via WhatsApp." },
+              { id: "f2", title: "Available cars?", content: "We have a wide range of sedan, SUV, and VIP vans." },
+              { id: "f3", title: "Languages?", content: "We support Arabic, English, and Turkish." },
+            ]}
+            title="Common Questions"
+            description="Answers to your frequently asked questions about booking."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Booking"
-      title="Book Your Trip Now"
-      description="WhatsApp: +90 539 390 0249. Send your trip details and we will handle the rest."
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-valet-parking-man-s-car_23-2149901434.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Booking"
+            title="Book Your Trip Now"
+            description="WhatsApp: +90 539 390 0249. Send your trip details and we will handle the rest."
+            imageSrc="http://img.b2bpic.net/free-photo/full-shot-valet-parking-man-s-car_23-2149901434.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-588.jpg"
-      logoText="Al-Shamali Tourism"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/905393900249",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-588.jpg"
+            logoText="Al-Shamali Tourism"
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
+              { title: "Support", items: [{ label: "WhatsApp", href: "https://wa.me/905393900249" }, { label: "FAQ", href: "#faq" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );