4 Commits

Author SHA1 Message Date
d7bb818f6a Merge version_2 into main
Merge version_2 into main
2026-04-07 18:40:51 +00:00
c0f9acf5ac Add src/app/products/page.tsx 2026-04-07 18:40:48 +00:00
1b66736713 Update src/app/page.tsx 2026-04-07 18:40:48 +00:00
504d98f23a Merge version_1 into main
Merge version_1 into main
2026-04-07 18:35:55 +00:00
2 changed files with 101 additions and 168 deletions

View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "home"},
id: "home",
},
{ {
name: "Products", name: "Products", id: "/products"},
id: "products",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="SwiftShop UAE" brandName="SwiftShop UAE"
/> />
@@ -52,37 +44,24 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Upgrade Your Life Today" title="Upgrade Your Life Today"
description="Discover premium products in the UAE. Free Delivery & Cash on Delivery available." description="Discover premium products in the UAE. Free Delivery & Cash on Delivery available."
buttons={[ buttons={[
{ {
text: "Shop Now", text: "Shop Now", href: "/products"},
href: "#products",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=1", imageAlt: "Hero Item 1"},
imageAlt: "Hero Item 1",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=1", imageAlt: "Hero Item 2"},
imageAlt: "Hero Item 2",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg", imageAlt: "Hero Item 3"},
imageAlt: "Hero Item 3",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=2", imageAlt: "Hero Item 4"},
imageAlt: "Hero Item 4",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=2", imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=2", imageAlt: "Hero Item 5"},
imageAlt: "Hero Item 5",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -96,53 +75,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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" title="Best Sellers"
description="Our most popular picks of the season." description="Our most popular picks of the season."
@@ -155,45 +98,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
tag: "Free", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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: "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?" title="Why Shop With Us?"
description="Experience premium convenience with our curated services." description="Experience premium convenience with our curated services."
@@ -207,40 +120,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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" title="Customer Reviews"
description="What our happy customers say." description="What our happy customers say."
@@ -254,22 +142,14 @@ export default function LandingPage() {
description="Have questions about a product? Send us a message." description="Have questions about a product? Send us a message."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "How can we help?", rows: 4,
placeholder: "How can we help?",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888560.jpg?_wi=3" 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: [ items: [
{ {
label: "Shop", label: "Shop", href: "/products"},
href: "#products",
},
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Refund Policy", label: "Refund Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}

65
src/app/products/page.tsx Normal file
View File

@@ -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>
);
}