Merge version_2 into main

Add src/app/products/page.tsx
2026-04-07 18:40:51 +00:00 · 2026-04-07 18:40:48 +00:00 · 2026-04-07 18:40:48 +00:00 · 2026-04-07 18:35:55 +00:00
2 changed files with 101 additions and 168 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
        {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "/products"},
        {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
      ]}
      brandName="SwiftShop UAE"
    />
@@ -52,37 +44,24 @@ export default function LandingPage() {
  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      title="Upgrade Your Life Today"
      description="Discover premium products in the UAE. Free Delivery & Cash on Delivery available."
      buttons={[
        {
-          text: "Shop Now",
-          href: "#products",
-        },
+          text: "Shop Now",          href: "/products"},
      ]}
      mediaItems={[
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=1",
-          imageAlt: "Hero Item 1",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=1",          imageAlt: "Hero Item 1"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=1",
-          imageAlt: "Hero Item 2",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=1",          imageAlt: "Hero Item 2"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg",
-          imageAlt: "Hero Item 3",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg",          imageAlt: "Hero Item 3"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=2",
-          imageAlt: "Hero Item 4",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=2",          imageAlt: "Hero Item 4"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=2",
-          imageAlt: "Hero Item 5",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=2",          imageAlt: "Hero Item 5"},
      ]}
      mediaAnimation="slide-up"
    />
@@ -96,53 +75,17 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "p1",
-          name: "Wireless Headphones",
-          price: "AED 299",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-listening-music-wireless-headphones-wearing-pink-sweater-smiling-happy-positive-mood-posing-pink-background_285396-9593.jpg?_wi=1",
-          imageAlt: "Headphones",
-        },
+          id: "p1",          name: "Wireless Headphones",          price: "AED 299",          variant: "Black",          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-listening-music-wireless-headphones-wearing-pink-sweater-smiling-happy-positive-mood-posing-pink-background_285396-9593.jpg?_wi=1",          imageAlt: "Headphones"},
        {
-          id: "p2",
-          name: "Smart Watch Ultra",
-          price: "AED 499",
-          variant: "Metal",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722612.jpg?_wi=1",
-          imageAlt: "Watch",
-        },
+          id: "p2",          name: "Smart Watch Ultra",          price: "AED 499",          variant: "Metal",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722612.jpg?_wi=1",          imageAlt: "Watch"},
        {
-          id: "p3",
-          name: "Bluetooth Speaker",
-          price: "AED 150",
-          variant: "Matte",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-shadow_23-2150808053.jpg?_wi=1",
-          imageAlt: "Speaker",
-        },
+          id: "p3",          name: "Bluetooth Speaker",          price: "AED 150",          variant: "Matte",          imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-shadow_23-2150808053.jpg?_wi=1",          imageAlt: "Speaker"},
        {
-          id: "p4",
-          name: "Pro Smartphone",
-          price: "AED 2499",
-          variant: "Silver",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17251.jpg?_wi=1",
-          imageAlt: "Phone",
-        },
+          id: "p4",          name: "Pro Smartphone",          price: "AED 2499",          variant: "Silver",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17251.jpg?_wi=1",          imageAlt: "Phone"},
        {
-          id: "p5",
-          name: "Gaming Mouse",
-          price: "AED 120",
-          variant: "RGB",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880959.jpg?_wi=1",
-          imageAlt: "Mouse",
-        },
+          id: "p5",          name: "Gaming Mouse",          price: "AED 120",          variant: "RGB",          imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880959.jpg?_wi=1",          imageAlt: "Mouse"},
        {
-          id: "p6",
-          name: "Digital Camera",
-          price: "AED 1899",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-indoors-still-life_23-2150630662.jpg",
-          imageAlt: "Camera",
-        },
+          id: "p6",          name: "Digital Camera",          price: "AED 1899",          variant: "Black",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-indoors-still-life_23-2150630662.jpg",          imageAlt: "Camera"},
      ]}
      title="Best Sellers"
      description="Our most popular picks of the season."
@@ -155,45 +98,15 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          tag: "Free",
-          title: "Free Delivery",
-          subtitle: "Across UAE",
-          description: "We deliver to your doorstep absolutely free within 48 hours.",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-warehouse-conveyor-belt-with-packages_23-2152001532.jpg?_wi=1",
-          imageAlt: "Delivery",
-        },
+          tag: "Free",          title: "Free Delivery",          subtitle: "Across UAE",          description: "We deliver to your doorstep absolutely free within 48 hours.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-warehouse-conveyor-belt-with-packages_23-2152001532.jpg?_wi=1",          imageAlt: "Delivery"},
        {
-          tag: "Payment",
-          title: "Cash On Delivery",
-          subtitle: "Trusted Payment",
-          description: "Pay securely when you receive your order at home. COD mandatory for peace of mind.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-box-truck_23-2148790076.jpg?_wi=1",
-          imageAlt: "COD",
-        },
+          tag: "Payment",          title: "Cash On Delivery",          subtitle: "Trusted Payment",          description: "Pay securely when you receive your order at home. COD mandatory for peace of mind.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-box-truck_23-2148790076.jpg?_wi=1",          imageAlt: "COD"},
        {
-          tag: "Support",
-          title: "WhatsApp Support",
-          subtitle: "24/7 Assistance",
-          description: "Need help? Reach out to our dedicated support team on WhatsApp anytime.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-commerce-graphic-symbol-icon_53876-124013.jpg",
-          imageAlt: "WhatsApp",
-        },
+          tag: "Support",          title: "WhatsApp Support",          subtitle: "24/7 Assistance",          description: "Need help? Reach out to our dedicated support team on WhatsApp anytime.",          imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-commerce-graphic-symbol-icon_53876-124013.jpg",          imageAlt: "WhatsApp"},
        {
-          tag: "Return",
-          title: "Easy Returns",
-          subtitle: "Hassle Free",
-          description: "Not satisfied? We offer a simple return policy for all items.",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-warehouse-conveyor-belt-with-packages_23-2152001532.jpg?_wi=2",
-          imageAlt: "Return Policy",
-        },
+          tag: "Return",          title: "Easy Returns",          subtitle: "Hassle Free",          description: "Not satisfied? We offer a simple return policy for all items.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-warehouse-conveyor-belt-with-packages_23-2152001532.jpg?_wi=2",          imageAlt: "Return Policy"},
        {
-          tag: "Quality",
-          title: "Verified Quality",
-          subtitle: "Premium Goods",
-          description: "All our products undergo strict quality checks before shipping.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-box-truck_23-2148790076.jpg?_wi=2",
-          imageAlt: "Quality Check",
-        },
+          tag: "Quality",          title: "Verified Quality",          subtitle: "Premium Goods",          description: "All our products undergo strict quality checks before shipping.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-box-truck_23-2148790076.jpg?_wi=2",          imageAlt: "Quality Check"},
      ]}
      title="Why Shop With Us?"
      description="Experience premium convenience with our curated services."
@@ -207,40 +120,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "Ahmed Ali",
-          role: "Dubai",
-          testimonial: "Excellent product quality and very fast delivery. COD service worked perfectly!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-listening-music-wireless-headphones-wearing-pink-sweater-smiling-happy-positive-mood-posing-pink-background_285396-9593.jpg?_wi=2",
-        },
+          id: "1",          name: "Ahmed Ali",          role: "Dubai",          testimonial: "Excellent product quality and very fast delivery. COD service worked perfectly!",          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-listening-music-wireless-headphones-wearing-pink-sweater-smiling-happy-positive-mood-posing-pink-background_285396-9593.jpg?_wi=2"},
        {
-          id: "2",
-          name: "Fatima Zahra",
-          role: "Sharjah",
-          testimonial: "I love my new headphones. Best online shopping experience in UAE.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722612.jpg?_wi=2",
-        },
+          id: "2",          name: "Fatima Zahra",          role: "Sharjah",          testimonial: "I love my new headphones. Best online shopping experience in UAE.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722612.jpg?_wi=2"},
        {
-          id: "3",
-          name: "Khalid Bin",
-          role: "Abu Dhabi",
-          testimonial: "Very professional and helpful customer support on WhatsApp.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-shadow_23-2150808053.jpg?_wi=2",
-        },
+          id: "3",          name: "Khalid Bin",          role: "Abu Dhabi",          testimonial: "Very professional and helpful customer support on WhatsApp.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-shadow_23-2150808053.jpg?_wi=2"},
        {
-          id: "4",
-          name: "Sara H.",
-          role: "Dubai",
-          testimonial: "Limited stock alert saved me. Happy with the purchase.",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17251.jpg?_wi=2",
-        },
+          id: "4",          name: "Sara H.",          role: "Dubai",          testimonial: "Limited stock alert saved me. Happy with the purchase.",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17251.jpg?_wi=2"},
        {
-          id: "5",
-          name: "Omar M.",
-          role: "Ajman",
-          testimonial: "Trusted store. Will definitely buy again.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880959.jpg?_wi=2",
-        },
+          id: "5",          name: "Omar M.",          role: "Ajman",          testimonial: "Trusted store. Will definitely buy again.",          imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880959.jpg?_wi=2"},
      ]}
      title="Customer Reviews"
      description="What our happy customers say."
@@ -254,22 +142,14 @@ export default function LandingPage() {
      description="Have questions about a product? Send us a message."
      inputs={[
        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
      ]}
      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
+        name: "message",        placeholder: "How can we help?",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=3"
@@ -282,33 +162,21 @@ export default function LandingPage() {
        {
          items: [
            {
-              label: "Shop",
-              href: "#products",
-            },
+              label: "Shop",              href: "/products"},
            {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
            {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
          ],
        },
        {
          items: [
            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
            {
-              label: "Refund Policy",
-              href: "#",
-            },
+              label: "Refund Policy",              href: "#"},
            {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "products" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="SwiftShop UAE"
+          />
+        </div>
+
+        <div id="products" data-section="products" style={{ paddingTop: "100px" }}>
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Wireless Headphones", price: "AED 299", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-listening-music-wireless-headphones-wearing-pink-sweater-smiling-happy-positive-mood-posing-pink-background_285396-9593.jpg?_wi=1", imageAlt: "Headphones" },
+              { id: "p2", name: "Smart Watch Ultra", price: "AED 499", variant: "Metal", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722612.jpg?_wi=1", imageAlt: "Watch" },
+              { id: "p3", name: "Bluetooth Speaker", price: "AED 150", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-shadow_23-2150808053.jpg?_wi=1", imageAlt: "Speaker" },
+              { id: "p4", name: "Pro Smartphone", price: "AED 2499", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17251.jpg?_wi=1", imageAlt: "Phone" },
+            ]}
+            title="All Products"
+            description="Browse our complete collection of premium tech gadgets available in the UAE."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }] },
+              { items: [{ label: "Privacy Policy", href: "#" }] },
+            ]}
+            logoText="SwiftShop UAE"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
Author	SHA1	Message	Date
bender	d7bb818f6a	Merge version_2 into main Merge version_2 into main	2026-04-07 18:40:51 +00:00
bender	c0f9acf5ac	Add src/app/products/page.tsx	2026-04-07 18:40:48 +00:00
bender	1b66736713	Update src/app/page.tsx	2026-04-07 18:40:48 +00:00
bender	504d98f23a	Merge version_1 into main Merge version_1 into main	2026-04-07 18:35:55 +00:00