Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,85 +32,41 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Shop", id: "shop" },
-          name: "About",          id: "about"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Shop",          id: "shop"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="AMILANO"
+      brandName="Al-Siraj (السراج)"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
+      title="Al-Siraj (السراج)"
-      title="AMILANO"
       description="رفيقك البارد في الأيام الساخنة. Experience the peak of luxury fragrances."
       testimonials={[
-        {
+        { name: "Ahmed Ali", handle: "@ahmed", testimonial: "The best perfume in Basra. Truly premium and long-lasting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
-          name: "Ahmed Ali",          handle: "@ahmed",          testimonial: "The best perfume in Basra. Truly premium and long-lasting.",          rating: 5,
+        { name: "Sara Mohamed", handle: "@sara", testimonial: "Sophisticated scents that redefine elegance. Loved it!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg?_wi=1",          imageAlt: "luxury perfume bottle studio"},
+        { name: "Khalid Al-Safar", handle: "@khalid", testimonial: "Excellent service and high-quality fragrance bottles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
-        {
+        { name: "Layla Zaid", handle: "@layla", testimonial: "Every bottle feels like a piece of art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
-          name: "Sara Mohamed",          handle: "@sara",          testimonial: "Sophisticated scents that redefine elegance. Loved it!",          rating: 5,
+        { name: "Omar Fakhri", handle: "@omar", testimonial: "Fast delivery and the scent stays all day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg?_wi=1",          imageAlt: "luxury perfume bottle studio"},
-        {
-          name: "Khalid Al-Safar",          handle: "@khalid",          testimonial: "Excellent service and high-quality fragrance bottles.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg?_wi=1",          imageAlt: "luxury perfume bottle studio"},
-        {
-          name: "Layla Zaid",          handle: "@layla",          testimonial: "Every bottle feels like a piece of art.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=1",          imageAlt: "luxury perfume bottle studio"},
-        {
-          name: "Omar Fakhri",          handle: "@omar",          testimonial: "Fast delivery and the scent stays all day.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=1",          imageAlt: "luxury perfume bottle studio"},
       ]}
       buttons={[
-        {
+        { text: "Shop Now", href: "#shop" },
-          text: "Shop Now",          href: "#shop"},
+        { text: "Wholesale Orders", href: "#contact" },
-        {
-          text: "Wholesale Orders",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg?_wi=2"
       imageAlt="luxury perfume bottle studio"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",          alt: "Close up portrait of young handsome successful man"},
-        {
-          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",          alt: "People having dinner in luxurious restaurants"},
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",          alt: "Closeup of Confident Asian Man with Arms Crossed"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",          alt: "Close-up of positive businesswoman"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",          alt: "Front view woman sitting on chair"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Premium Scent"},
-        {
-          type: "text",          text: "Authentic Ingredients"},
-        {
-          type: "text",          text: "Global Luxury"},
-        {
-          type: "text",          text: "Exclusive Design"},
-        {
-          type: "text",          text: "Refined Elegance"},
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      title="AMILANO PERFUME - Elegance Defined"
+      title="Al-Siraj (السراج) PERFUME - Elegance Defined"
-      buttons={[
+      buttons={[{ text: "Discover Collection", href: "#shop" }]}
-        {
-          text: "Discover Collection",          href: "#shop"},
-      ]}
     />
   </div>
 
@@ -121,18 +77,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "new-product", name: "Perfume Product Card", price: "4,000 IQD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjhSh33YKz7XEmNGulwbzltEjS/uploaded-1778801844710-uea0hmhj.png" },
-          id: "p1",          name: "Royal Oud",          price: "$120",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg?_wi=2"},
+        { id: "p1", name: "Royal Oud", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg?_wi=2" },
-        {
+        { id: "p2", name: "Midnight Breeze", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg?_wi=2" },
-          id: "p2",          name: "Midnight Breeze",          price: "$150",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg?_wi=2"},
+        { id: "p3", name: "Golden Horizon", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=2" },
-        {
+        { id: "p4", name: "Summer Essence", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=2" },
-          id: "p3",          name: "Golden Horizon",          price: "$180",          imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=2"},
+        { id: "p5", name: "Desert Rose", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg" },
-        {
-          id: "p4",          name: "Summer Essence",          price: "$90",          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=2"},
-        {
-          id: "p5",          name: "Desert Rose",          price: "$110",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg"},
-        {
-          id: "p6",          name: "Ocean Mist",          price: "$130",          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg"},
       ]}
       title="Our Collection"
       description="Explore our curated selection of fine luxury fragrances."
@@ -144,18 +94,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Royal Oud", description: "The timeless classic.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-transparent-bottle-fragrance-isolated-white-wall_140725-11689.jpg", buttonIcon: Sparkles },
-          title: "Royal Oud",          description: "The timeless classic.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-transparent-bottle-fragrance-isolated-white-wall_140725-11689.jpg",          buttonIcon: Sparkles,
+        { title: "Midnight Breeze", description: "A scent for the evening.", imageSrc: "http://img.b2bpic.net/free-photo/golden-perfume-bottle-with-elegant-fabric-warm-lighting-dark-background_84443-91473.jpg", buttonIcon: Moon },
-        },
+        { title: "Golden Horizon", description: "Luxury in every drop.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-perfume-bottle-small-blue-picture-frame-flowers-dark-blue-background-free-space_140725-145167.jpg", buttonIcon: Sun },
-        {
+        { title: "Summer Essence", description: "Cool, refreshing, bold.", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg", buttonIcon: Wind },
-          title: "Midnight Breeze",          description: "A scent for the evening.",          imageSrc: "http://img.b2bpic.net/free-photo/golden-perfume-bottle-with-elegant-fabric-warm-lighting-dark-background_84443-91473.jpg",          buttonIcon: Moon,
-        },
-        {
-          title: "Golden Horizon",          description: "Luxury in every drop.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-perfume-bottle-small-blue-picture-frame-flowers-dark-blue-background-free-space_140725-145167.jpg",          buttonIcon: Sun,
-        },
-        {
-          title: "Summer Essence",          description: "Cool, refreshing, bold.",          imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg",          buttonIcon: Wind,
-        },
       ]}
       title="Best Sellers"
       description="Top-rated fragrances loved by our global community."
@@ -168,18 +110,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "100+", title: "Perfume Varieties", items: ["Sourced globally", "High quality extracts"] },
-          id: "m1",          value: "100+",          title: "Perfume Varieties",          items: [
+        { id: "m2", value: "5000+", title: "Happy Customers", items: ["Fast delivery", "Quality assurance"] },
-            "Sourced globally",            "High quality extracts"],
+        { id: "m3", value: "200+", title: "Wholesale Traders", items: ["Bulk discounts", "B2B support"] },
-        },
-        {
-          id: "m2",          value: "5000+",          title: "Happy Customers",          items: [
-            "Fast delivery",            "Quality assurance"],
-        },
-        {
-          id: "m3",          value: "200+",          title: "Wholesale Traders",          items: [
-            "Bulk discounts",            "B2B support"],
-        },
       ]}
       title="Global Presence"
       description="Trusted by traders and fragrance lovers across Iraq and beyond."
@@ -190,16 +123,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Ali Hassan", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
-          id: "t1",          name: "Ali Hassan",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
+        { id: "t2", name: "Fatima Noor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
-        {
+        { id: "t3", name: "Yousef Ibrahim", imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg" },
-          id: "t2",          name: "Fatima Noor",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
+        { id: "t4", name: "Laila Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg" },
-        {
+        { id: "t5", name: "Omar Khaled", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg" },
-          id: "t3",          name: "Yousef Ibrahim",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg"},
-        {
-          id: "t4",          name: "Laila Ahmed",          imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg"},
-        {
-          id: "t5",          name: "Omar Khaled",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg"},
       ]}
       cardTitle="Our Clients"
       cardTag="Luxury Experience"
@@ -211,12 +139,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "How can I book a perfume?", content: "Visit our reservations page to secure your favorite scents." },
-          id: "f1",          title: "How can I book a perfume?",          content: "Visit our reservations page to secure your favorite scents."},
+        { id: "f2", title: "Do you support B2B wholesale?", content: "Yes, we offer specialized trading accounts with bulk pricing." },
-        {
+        { id: "f3", title: "Which payment methods work?", content: "We accept Visa, MasterCard, Zain Cash, and Qi Card." },
-          id: "f2",          title: "Do you support B2B wholesale?",          content: "Yes, we offer specialized trading accounts with bulk pricing."},
-        {
-          id: "f3",          title: "Which payment methods work?",          content: "We accept Visa, MasterCard, Zain Cash, and Qi Card."},
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -229,38 +154,19 @@ export default function LandingPage() {
       title="Get in Touch"
       description="Have questions? Our luxury concierge is ready to assist."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Name", required: true },
-          name: "name",          type: "text",          placeholder: "Name",          required: true,
+        { name: "email", type: "email", placeholder: "Email", required: true },
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email",          required: true,
-        },
       ]}
       buttonText="Send Inquiry"
       imageSrc="http://img.b2bpic.net/free-photo/crystal-whiskey-bottle-alcohol-drinks-packaging_53876-110846.jpg"
-      imageAlt="Crystal whiskey bottle alcohol drinks packaging"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Al-Siraj (السراج)", items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#shop" }] },
-          title: "AMILANO",          items: [
+        { title: "Account", items: [{ label: "Wholesale", href: "#" }, { label: "Track Order", href: "#" }] },
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Shop",              href: "#shop"},
-          ],
-        },
-        {
-          title: "Account",          items: [
-            {
-              label: "Wholesale",              href: "#"},
-            {
-              label: "Track Order",              href: "#"},
-          ],
-        },
       ]}
       bottomLeftText="© 2025 Al-Siraj Perfume. All rights reserved."
       bottomRightText="Basra - Al-Wufud Street"
@@ -269,4 +175,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}