bender/eca03a90-b959-4fe3-b2ba-18464574e656
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-07 14:13:32 +00:00
parent e987194dcf
commit 8dfe3c7d38
1 changed files with 80 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

373
src/app/page.tsx
View File

@@ -34,30 +34,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5n5jtt"
brandName="Waqas Dubai Wala Mobile"
/>
@@ -67,85 +55,45 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "downward-rays-static-grid",
}}
variant: "downward-rays-static-grid"}}
imagePosition="right"
title="Your Gateway to Premium Mobile Devices"
description="Waqas Dubai Wala Mobile brings you the latest smartphones, accessories, and unbeatable deals. Experience quality, reliability, and exceptional service tailored to your needs."
testimonials={[
{
name: "Ahmed Al-Mansoori",
handle: "@AhmedTech",
testimonial: "Waqas Dubai Wala delivers exceptional service and genuine products. My new phone is perfect!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-glasses-show-thumbs-up-looking-aside-good-logo-standing-satisfied-beige-backgrou_1258-163521.jpg",
imageAlt: "Ahmed Al-Mansoori",
},
name: "Ahmed Al-Mansoori", handle: "@AhmedTech", testimonial: "Waqas Dubai Wala delivers exceptional service and genuine products. My new phone is perfect!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-glasses-show-thumbs-up-looking-aside-good-logo-standing-satisfied-beige-backgrou_1258-163521.jpg", imageAlt: "Ahmed Al-Mansoori"},
{
name: "Fatima Zahra",
handle: "@FatimaMobile",
testimonial: "Highly recommend for anyone in Dubai looking for reliable mobile deals. Fast delivery and great prices!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg",
imageAlt: "Fatima Zahra",
},
name: "Fatima Zahra", handle: "@FatimaMobile", testimonial: "Highly recommend for anyone in Dubai looking for reliable mobile deals. Fast delivery and great prices!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg", imageAlt: "Fatima Zahra"},
{
name: "Omar Saeed",
handle: "@OmarGadgets",
testimonial: "Bought multiple phones here, always a smooth experience. Their customer support is fantastic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/salesman-using-green-screen-tablet-present-car-addons-options-clients_482257-118380.jpg",
imageAlt: "Omar Saeed",
},
name: "Omar Saeed", handle: "@OmarGadgets", testimonial: "Bought multiple phones here, always a smooth experience. Their customer support is fantastic.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/salesman-using-green-screen-tablet-present-car-addons-options-clients_482257-118380.jpg", imageAlt: "Omar Saeed"},
{
name: "Layla Khan",
handle: "@LaylaReview",
testimonial: "Best place for new phones and accessories in Dubai. Quality products and trustworthy service. A must-visit!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/5-star-customer-review_23-2151952994.jpg",
imageAlt: "Layla Khan",
},
name: "Layla Khan", handle: "@LaylaReview", testimonial: "Best place for new phones and accessories in Dubai. Quality products and trustworthy service. A must-visit!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/5-star-customer-review_23-2151952994.jpg", imageAlt: "Layla Khan"},
{
name: "Tariq Ali",
handle: "@Tariq_Tech",
testimonial: "From selection to delivery, everything was seamless. I'm very satisfied with my purchase and the overall experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346510.jpg",
imageAlt: "Tariq Ali",
},
name: "Tariq Ali", handle: "@Tariq_Tech", testimonial: "From selection to delivery, everything was seamless. I'm very satisfied with my purchase and the overall experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346510.jpg", imageAlt: "Tariq Ali"},
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
alt: "Ahmed Al-Mansoori",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Ahmed Al-Mansoori"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-african-male-model-with-big-headphones-standing-near-restaurant-outdoor-photo-good-looking-confident-man-with-dark-skin_197531-21796.jpg",
alt: "Fatima Zahra",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-african-male-model-with-big-headphones-standing-near-restaurant-outdoor-photo-good-looking-confident-man-with-dark-skin_197531-21796.jpg", alt: "Fatima Zahra"},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg",
alt: "Omar Saeed",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg", alt: "Omar Saeed"},
{
src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3305.jpg",
alt: "Layla Khan",
},
src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3305.jpg", alt: "Layla Khan"},
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg",
alt: "Stylish woman wearing yellow bandana",
},
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg", alt: "Stylish woman wearing yellow bandana"},
]}
avatarText="Join our 10,000+ happy customers!"
imageSrc="http://img.b2bpic.net/free-photo/young-female-holding-smartphone-black-singlet-looking-cheery_176474-12901.jpg"
@@ -154,29 +102,19 @@ export default function LandingPage() {
fixedMediaHeight={true}
marqueeItems={[
{
type: "text-icon",
text: "Latest Models",
icon: Smartphone,
type: "text-icon", text: "Latest Models", icon: Smartphone,
},
{
type: "text-icon",
text: "Best Prices",
icon: Tag,
type: "text-icon", text: "Best Prices", icon: Tag,
},
{
type: "text-icon",
text: "Fast Delivery",
icon: Truck,
type: "text-icon", text: "Fast Delivery", icon: Truck,
},
{
type: "text-icon",
text: "Authentic Products",
icon: ShieldCheck,
type: "text-icon", text: "Authentic Products", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Expert Support",
icon: LifeBuoy,
type: "text-icon", text: "Expert Support", icon: LifeBuoy,
},
]}
/>
@@ -189,19 +127,13 @@ export default function LandingPage() {
metrics={[
{
icon: Gauge,
label: "Years Experience",
value: "5+",
},
label: "Years Experience", value: "5+"},
{
icon: Heart,
label: "Happy Customers",
value: "10,000+",
},
label: "Happy Customers", value: "10,000+"},
{
icon: Truck,
label: "Fast Delivery",
value: "Same Day",
},
label: "Fast Delivery", value: "Same Day"},
]}
metricsAnimation="slide-up"
/>
@@ -214,29 +146,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Genuine Products",
description: "We guarantee 100% authentic mobile phones and accessories from top brands.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-smartphone-illustration_187299-46963.jpg",
imageAlt: "Authenticity seal",
},
title: "Genuine Products", description: "We guarantee 100% authentic mobile phones and accessories from top brands.", imageSrc: "http://img.b2bpic.net/free-photo/blue-smartphone-illustration_187299-46963.jpg", imageAlt: "Authenticity seal"},
{
title: "Expert Repairs",
description: "Our certified technicians provide quick and reliable repair services for all devices.",
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-showing-smartphone-pointing-with-finger-it-looking-confident_141793-28694.jpg",
imageAlt: "Technician repairing a phone",
},
title: "Expert Repairs", description: "Our certified technicians provide quick and reliable repair services for all devices.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-showing-smartphone-pointing-with-finger-it-looking-confident_141793-28694.jpg", imageAlt: "Technician repairing a phone"},
{
title: "Fast & Secure Delivery",
description: "Get your new device delivered right to your doorstep, swiftly and securely across Dubai.",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-still-life-with-trucks-top-view_23-2148790054.jpg",
imageAlt: "Delivery truck",
},
title: "Fast & Secure Delivery", description: "Get your new device delivered right to your doorstep, swiftly and securely across Dubai.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-still-life-with-trucks-top-view_23-2148790054.jpg", imageAlt: "Delivery truck"},
{
title: "Competitive Pricing",
description: "Enjoy the best deals and value for money on all our products and services.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-office-worker-white-shirt-holding-phone-card-green-wall_140725-58909.jpg",
imageAlt: "Price tag comparison",
},
title: "Competitive Pricing", description: "Enjoy the best deals and value for money on all our products and services.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-office-worker-white-shirt-holding-phone-card-green-wall_140725-58909.jpg", imageAlt: "Price tag comparison"},
]}
title="Unmatched Quality & Service"
description="We ensure every device meets our high standards and offer comprehensive support for a seamless experience."
@@ -251,65 +167,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "product-1",
brand: "Samsung",
name: "Galaxy S24 Ultra",
price: "AED 4,999",
rating: 5,
reviewCount: "120 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/happy-blurred-woman-showing-mobile-phone-against-red-metallic-background_23-2148204755.jpg",
imageAlt: "Samsung Galaxy S24 Ultra",
},
id: "product-1", brand: "Samsung", name: "Galaxy S24 Ultra", price: "AED 4,999", rating: 5,
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/happy-blurred-woman-showing-mobile-phone-against-red-metallic-background_23-2148204755.jpg", imageAlt: "Samsung Galaxy S24 Ultra"},
{
id: "product-2",
brand: "Apple",
name: "iPhone 15 Pro Max",
price: "AED 5,499",
rating: 5,
reviewCount: "150 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-student-wearing-backpack-holding-easel-paints-light-blue-wall_140725-46524.jpg",
imageAlt: "iPhone 15 Pro Max",
},
id: "product-2", brand: "Apple", name: "iPhone 15 Pro Max", price: "AED 5,499", rating: 5,
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-student-wearing-backpack-holding-easel-paints-light-blue-wall_140725-46524.jpg", imageAlt: "iPhone 15 Pro Max"},
{
id: "product-3",
brand: "Xiaomi",
name: "Redmi Note 13 Pro+",
price: "AED 1,399",
rating: 4,
reviewCount: "85 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/hands-hands-putting-mini-usb-canble-into-smartphone-connector_1098-18708.jpg",
imageAlt: "Xiaomi Redmi Note 13 Pro+",
},
id: "product-3", brand: "Xiaomi", name: "Redmi Note 13 Pro+", price: "AED 1,399", rating: 4,
reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/hands-hands-putting-mini-usb-canble-into-smartphone-connector_1098-18708.jpg", imageAlt: "Xiaomi Redmi Note 13 Pro+"},
{
id: "product-4",
brand: "Oppo",
name: "Find X7 Ultra",
price: "AED 3,799",
rating: 5,
reviewCount: "70 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-travel-set_23-2147732589.jpg",
imageAlt: "Oppo Find X7 Ultra",
},
id: "product-4", brand: "Oppo", name: "Find X7 Ultra", price: "AED 3,799", rating: 5,
reviewCount: "70 reviews", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-travel-set_23-2147732589.jpg", imageAlt: "Oppo Find X7 Ultra"},
{
id: "product-5",
brand: "Huawei",
name: "Pura 70 Ultra",
price: "AED 4,299",
rating: 4,
reviewCount: "60 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-signal-forest_329181-19820.jpg",
imageAlt: "Huawei Pura 70 Ultra",
},
id: "product-5", brand: "Huawei", name: "Pura 70 Ultra", price: "AED 4,299", rating: 4,
reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-signal-forest_329181-19820.jpg", imageAlt: "Huawei Pura 70 Ultra"},
{
id: "product-6",
brand: "Google",
name: "Pixel 8 Pro",
price: "AED 3,299",
rating: 4,
reviewCount: "90 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone-monstera-leaf_23-2148166758.jpg",
imageAlt: "Google Pixel 8 Pro",
},
id: "product-6", brand: "Google", name: "Pixel 8 Pro", price: "AED 3,299", rating: 4,
reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone-monstera-leaf_23-2148166758.jpg", imageAlt: "Google Pixel 8 Pro"},
]}
title="Our Bestsellers"
description="Discover the most popular mobile phones and accessories handpicked for you. Featuring top brands and the latest models."
@@ -323,56 +197,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Basic Protection",
price: "AED 99",
period: "per year",
features: [
"6-Month Warranty",
"Basic Software Support",
"Access to Online Guides",
],
id: "basic", title: "Basic Protection", price: "AED 99", period: "per year", features: [
"6-Month Warranty", "Basic Software Support", "Access to Online Guides"],
button: {
text: "Choose Basic",
},
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-as-she-is-exploring-new-city_1157-17776.jpg",
imageAlt: "Basic protection plan icon",
},
text: "Choose Basic"},
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-as-she-is-exploring-new-city_1157-17776.jpg", imageAlt: "Basic protection plan icon"},
{
id: "standard",
title: "Standard Care",
price: "AED 199",
period: "per year",
features: [
"1-Year Warranty",
"Priority Technical Support",
"1 Free Screen Protector",
"20% Off Accessory Repair",
],
id: "standard", title: "Standard Care", price: "AED 199", period: "per year", features: [
"1-Year Warranty", "Priority Technical Support", "1 Free Screen Protector", "20% Off Accessory Repair"],
button: {
text: "Choose Standard",
},
imageSrc: "http://img.b2bpic.net/free-photo/data-protection-shield-secured-permission-graphic-concept_53876-122466.jpg",
imageAlt: "Standard care plan icon",
},
text: "Choose Standard"},
imageSrc: "http://img.b2bpic.net/free-photo/data-protection-shield-secured-permission-graphic-concept_53876-122466.jpg", imageAlt: "Standard care plan icon"},
{
id: "premium",
title: "Premium Shield",
price: "AED 349",
period: "per year",
features: [
"2-Year Warranty",
"Dedicated Personal Support",
"Free Screen Replacement (1x)",
"30% Off Accessory Repair",
"Accidental Damage Coverage",
],
id: "premium", title: "Premium Shield", price: "AED 349", period: "per year", features: [
"2-Year Warranty", "Dedicated Personal Support", "Free Screen Replacement (1x)", "30% Off Accessory Repair", "Accidental Damage Coverage"],
button: {
text: "Choose Premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-phone-workspace-wood-background_1150-6874.jpg",
imageAlt: "Premium shield plan icon",
},
text: "Choose Premium"},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-phone-workspace-wood-background_1150-6874.jpg", imageAlt: "Premium shield plan icon"},
]}
title="Service & Protection Plans"
description="Enhance your mobile experience and protect your investment with our tailored service and protection plans. Choose the perfect fit for your needs."
@@ -381,38 +222,21 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "devices-sold",
value: "15,000+",
title: "Devices Sold",
items: [
"New Smartphones",
"Used Devices",
"Tablets",
],
id: "devices-sold", value: "15,000+", title: "Devices Sold", items: [
"New Smartphones", "Used Devices", "Tablets"],
},
{
id: "avg-rating",
value: "4.9/5",
title: "Average Rating",
items: [
"Customer Satisfaction",
"Product Quality",
"Service Excellence",
],
id: "avg-rating", value: "4.9/5", title: "Average Rating", items: [
"Customer Satisfaction", "Product Quality", "Service Excellence"],
},
{
id: "brands-carried",
value: "100+",
title: "Brands Carried",
items: [
"Global Leaders",
"Local Favorites",
"Emerging Innovators",
],
id: "brands-carried", value: "100+", title: "Brands Carried", items: [
"Global Leaders", "Local Favorites", "Emerging Innovators"],
},
]}
title="Our Impact & Success"
@@ -428,25 +252,15 @@ export default function LandingPage() {
author="Dr. Amir Hassan, Tech Entrepreneur"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
alt: "Dr. Amir Hassan",
},
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Dr. Amir Hassan"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188348.jpg",
alt: "Sarah Ahmed",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188348.jpg", alt: "Sarah Ahmed"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
alt: "Khaled bin Rashid",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Khaled bin Rashid"},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48109.jpg",
alt: "Aisha Omar",
},
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48109.jpg", alt: "Aisha Omar"},
{
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
alt: "Handsome business man wearing suit looking at camera smiling broadly with happy face standing over white background",
},
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", alt: "Handsome business man wearing suit looking at camera smiling broadly with happy face standing over white background"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -458,17 +272,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Samsung",
"Apple",
"Xiaomi",
"Huawei",
"Oppo",
"Vivo",
"Realme",
"OnePlus",
"Google Pixel",
"Infinix",
]}
"Samsung", "Apple", "Xiaomi", "Huawei", "Oppo", "Vivo", "Realme", "OnePlus", "Google Pixel", "Infinix"]}
title="Partnering with Industry Leaders"
description="We are proud to offer products from the world's most innovative and trusted mobile brands, ensuring quality and variety for our customers."
speed={35}
@@ -483,28 +287,17 @@ export default function LandingPage() {
description="Have a question about a product, need support, or looking for a specific model? Reach out to us using the form below, and we'll get back to you promptly."
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,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: false,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: false,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-side-talking-phone-isolated-white-wall_141793-94402.jpg"
@@ -524,19 +317,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/WaqasDubaiWalaMobile",
ariaLabel: "Facebook",
},
href: "https://facebook.com/WaqasDubaiWalaMobile", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/WaqasDubaiWalaMobile",
ariaLabel: "Instagram",
},
href: "https://instagram.com/WaqasDubaiWalaMobile", ariaLabel: "Instagram"},
{
icon: Smartphone,
href: "https://wa.me/971501234567",
ariaLabel: "WhatsApp",
},
href: "https://wa.me/971501234567", ariaLabel: "WhatsApp"},
]}
/>
</div>