From 121c505838e4d9b49b759cd7ed82c4f5e9b3f6a7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 19:18:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 379 +++++++++++++++--------------------------------
 1 file changed, 117 insertions(+), 262 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 971eaad..592cdcd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,279 +19,134 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
+        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: "Packages",
-          id: "packages",
-        },
-        {
-          name: "Visa Services",
-          id: "services",
-        },
-        {
-          name: "About Us",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Agence ELZaim"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Packages", id: "packages" },
+              { name: "Visa Services", id: "services" },
+              { name: "About Us", id: "about" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Agence ELZaim"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
-      title="Your Journey to Luxury Awaits"
-      description="Discover curated destinations, premium hotels, and seamless visa services. From intimate getaways to unforgettable adventures—all expertly arranged in one place."
-      tag="Luxury Travel Agency in Sétif"
-      buttons={[
-        {
-          text: "Explore Our Packages",
-          href: "#packages",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/infinity-pool-with-ocean-view-sunset_23-2151993705.jpg",
-          imageAlt: "Luxury travel landscape",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661538.jpg",
-          imageAlt: "Premium hotel suite",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool-tourist-color-ko_1253-768.jpg",
-          imageAlt: "umbrella pool tourist color ko",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg",
-          imageAlt: "Swimming pool",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg",
-          imageAlt: "Beautiful outdoor infinity swimming pool in hotel resort with sea ocean view and white cloud blue sky",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Trusted by 500+ travelers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "plain" }}
+            title="Your Journey to Luxury Awaits"
+            description="Discover curated destinations, premium hotels, and seamless visa services. From intimate getaways to unforgettable adventures—all expertly arranged in one place."
+            tag="Luxury Travel Agency in Sétif"
+            buttons={[{ text: "Explore Our Packages", href: "#packages" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/infinity-pool-with-ocean-view-sunset_23-2151993705.jpg", imageAlt: "Luxury travel landscape" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661538.jpg", imageAlt: "Premium hotel suite" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Trusted by 500+ travelers"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Complex visa paperwork",
-          "Limited premium options",
-          "Uncertain travel planning",
-          "Language barriers abroad",
-          "Hidden reservation costs",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Seamless visa support",
-          "Curated luxury packages",
-          "Exclusive resort access",
-          "Expert destination planning",
-          "24/7 Concierge service",
-        ],
-      }}
-      title="Why Travel With ELZaim"
-      description="We turn your dream vacation into a reality with expert curation and peace of mind."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            negativeCard={{ items: ["Complex visa paperwork", "Limited premium options", "Uncertain travel planning", "Language barriers abroad", "Hidden reservation costs"] }}
+            positiveCard={{ items: ["Seamless visa support", "Curated luxury packages", "Exclusive resort access", "Expert destination planning", "24/7 Concierge service"] }}
+            title="Why Travel With ELZaim"
+            description="We turn your dream vacation into a reality with expert curation and peace of mind."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Curated Experiences in the Heart of Sétif"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Curated Experiences in the Heart of Sétif"
+          />
+        </div>
 
-  <div id="packages" data-section="packages">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Mediterranean Escape",
-          price: "110,000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/clear-water-sea-near-rocks-daytime_181624-2509.jpg",
-        },
-        {
-          id: "p2",
-          name: "European Heritage Tour",
-          price: "180,000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-friends-spending-time-together_23-2149151032.jpg",
-        },
-        {
-          id: "p3",
-          name: "Exclusive Maldives Retreat",
-          price: "330,000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/villa-nature-water-travel-background_1203-5345.jpg",
-        },
-        {
-          id: "p4",
-          name: "Parisian Luxury Weekend",
-          price: "150,000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-woman-walking-city-street-sunset_285396-1165.jpg",
-        },
-        {
-          id: "p5",
-          name: "Dubai Premium Business",
-          price: "210,000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/shanghai-china-june-2-crowded-urban-skyscrapers-dusk-june-2-2012-shanghai-china-shanghai-is-largest-city-by-population-world-with-23-million-as-2010_649448-4168.jpg",
-        },
-        {
-          id: "p6",
-          name: "Sahara Luxury Glamping",
-          price: "130,000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/pastel-seascape-coastline-sand-retro_1203-4869.jpg",
-        },
-      ]}
-      title="Luxury Travel Packages"
-      description="Premium destinations starting from 110,000 DZD."
-    />
-  </div>
+        <div id="packages" data-section="packages">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Mediterranean Escape", price: "110,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/clear-water-sea-near-rocks-daytime_181624-2509.jpg" },
+              { id: "p2", name: "European Heritage Tour", price: "180,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-friends-spending-time-together_23-2149151032.jpg" },
+              { id: "p3", name: "Exclusive Maldives Retreat", price: "330,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/villa-nature-water-travel-background_1203-5345.jpg" }
+            ]}
+            title="Luxury Travel Packages"
+            description="Premium destinations starting from 110,000 DZD."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Amine B.",
-          role: "Executive",
-          company: "Sétif Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-airport-with-suitcase_1157-33367.jpg",
-        },
-        {
-          id: "2",
-          name: "Fatima Z.",
-          role: "Architect",
-          company: "Design Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406004.jpg",
-        },
-        {
-          id: "3",
-          name: "Yassine M.",
-          role: "Director",
-          company: "Local Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5355.jpg",
-        },
-        {
-          id: "4",
-          name: "Nour H.",
-          role: "Consultant",
-          company: "Global Firm",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
-        {
-          id: "5",
-          name: "Karim S.",
-          role: "Manager",
-          company: "Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses_23-2147985013.jpg",
-        },
-      ]}
-      title="Client Journeys"
-      description="What our travelers say about us."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Amine B.", role: "Executive", company: "Sétif Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-airport-with-suitcase_1157-33367.jpg" },
+              { id: "2", name: "Fatima Z.", role: "Architect", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406004.jpg" }
+            ]}
+            title="Client Journeys"
+            description="What our travelers say about us."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Air Algerie",
-        "Hilton Hotels",
-        "Marriott",
-        "Visa Partner",
-        "Booking Official",
-        "Etihad Airways",
-        "Qatar Airways",
-      ]}
-      title="Our Partnerships"
-      description="Working with global leaders in hospitality and travel."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Air Algerie", "Hilton Hotels", "Marriott", "Visa Partner", "Booking Official"]}
+            title="Our Partnerships"
+            description="Working with global leaders in hospitality and travel."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you handle visa applications?",
-          content: "Yes, we offer comprehensive visa support services for all our travel packages.",
-        },
-        {
-          id: "f2",
-          title: "Can I customize a package?",
-          content: "Our packages are flexible, and we are happy to tailor your trip to your specific needs.",
-        },
-        {
-          id: "f3",
-          title: "Where are you located?",
-          content: "We are located near Les 1000 in Sétif, Algeria.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you handle visa applications?", content: "Yes, we offer comprehensive visa support services for all our travel packages." },
+              { id: "f2", title: "Can I customize a package?", content: "Our packages are flexible, and we are happy to tailor your trip to your specific needs." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Answers to your most common questions."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      text="Start your luxury journey with Agence ELZaim today. Visit us near Les 1000 in Sétif or book a consultation via our form."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            text="Start your luxury journey with Agence ELZaim today. Visit us near Les 1000 in Sétif or book a consultation via our form."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Agence ELZaim"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Agence ELZaim"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1