Update src/app/page.tsx
This commit is contained in:
222
src/app/page.tsx
222
src/app/page.tsx
@@ -7,7 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
@@ -27,28 +27,18 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dubai Store"
|
||||
/>
|
||||
@@ -57,104 +47,61 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Elegance in Every Stitch"
|
||||
description="Discover our exquisite collection of premium abayas, headscarves, and traditional modest fashion, curated to bring grace and beauty to your everyday attire."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=1",
|
||||
imageAlt: "Abaya collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=1", imageAlt: "Abaya collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=2",
|
||||
imageAlt: "Abaya collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=2", imageAlt: "Abaya collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=3",
|
||||
imageAlt: "Abaya collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=3", imageAlt: "Abaya collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=4",
|
||||
imageAlt: "Abaya collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=4", imageAlt: "Abaya collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=5",
|
||||
imageAlt: "Abaya collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distancing-concept-with-footshake_23-2148627151.jpg?_wi=5", imageAlt: "Abaya collection"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=1",
|
||||
imageAlt: "Luxury boutique",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=1", imageAlt: "Luxury boutique"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=2",
|
||||
imageAlt: "Luxury boutique",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=2", imageAlt: "Luxury boutique"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=3",
|
||||
imageAlt: "Luxury boutique",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=3", imageAlt: "Luxury boutique"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=4",
|
||||
imageAlt: "Luxury boutique",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=4", imageAlt: "Luxury boutique"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=5",
|
||||
imageAlt: "Luxury boutique",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg?_wi=5", imageAlt: "Luxury boutique"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-smartphone-paper-bags_23-2147786770.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-smartphone-paper-bags_23-2147786770.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-adult-stylish-looking-modern_1157-3417.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-adult-stylish-looking-modern_1157-3417.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-summer-outfit-by-old-building_1303-16124.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-summer-outfit-by-old-building_1303-16124.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-muslim-women-talking_23-2147794197.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-muslim-women-talking_23-2147794197.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Join our growing community of happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Style",
|
||||
},
|
||||
type: "text", text: "Traditional Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-picked Selection",
|
||||
},
|
||||
type: "text", text: "Hand-picked Selection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modest Elegance",
|
||||
},
|
||||
type: "text", text: "Modest Elegance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Designs",
|
||||
},
|
||||
type: "text", text: "Exclusive Designs"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,14 +111,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to Dubai Store, where quality meets tradition.",
|
||||
},
|
||||
type: "text", content: "Welcome to Dubai Store, where quality meets tradition."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/two-muslim-women-talking_23-2147794197.jpg",
|
||||
alt: "Store interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/two-muslim-women-talking_23-2147794197.jpg", alt: "Store interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,26 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Embroidered Abaya",
|
||||
price: "$120",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-indoors-front-view_23-2150154510.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Embroidered Abaya", price: "$120", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-indoors-front-view_23-2150154510.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Silk Headscarf Collection",
|
||||
price: "$25",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-ramadan-medium-shot_23-2150154487.jpg",
|
||||
},
|
||||
id: "2", name: "Silk Headscarf Collection", price: "$25", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-ramadan-medium-shot_23-2150154487.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Floral Designer Abaya",
|
||||
price: "$150",
|
||||
variant: "Elegant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-normal-hangout-muslim-friends-wearing-mask_53876-100304.jpg",
|
||||
},
|
||||
id: "3", name: "Floral Designer Abaya", price: "$150", variant: "Elegant", imageSrc: "http://img.b2bpic.net/free-photo/new-normal-hangout-muslim-friends-wearing-mask_53876-100304.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our hand-picked selection of high-quality modest wear."
|
||||
@@ -217,59 +144,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nada Saleh",
|
||||
role: "Customer",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-paper-bags_23-2147786770.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Nada Saleh", role: "Customer", company: "Local Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-paper-bags_23-2147786770.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wazzy S",
|
||||
role: "Customer",
|
||||
company: "Local Community",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-adult-stylish-looking-modern_1157-3417.jpg",
|
||||
},
|
||||
id: "2", name: "Wazzy S", role: "Customer", company: "Local Community", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-adult-stylish-looking-modern_1157-3417.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Aboubakar Bamba",
|
||||
role: "Local Guide",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg",
|
||||
},
|
||||
id: "3", name: "Aboubakar Bamba", role: "Local Guide", company: "Local Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Community Member",
|
||||
role: "Customer",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-summer-outfit-by-old-building_1303-16124.jpg",
|
||||
},
|
||||
id: "4", name: "Community Member", role: "Customer", company: "Local Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-summer-outfit-by-old-building_1303-16124.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Customer",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-paper-bags_23-2147786770.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Sarah Ahmed", role: "Customer", company: "Local Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-paper-bags_23-2147786770.jpg?_wi=2"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.5",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.5", label: "Rating"},
|
||||
{
|
||||
value: "46",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "46", label: "Reviews"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "100+", label: "Happy Clients"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our wonderful community has to say about their experience at Dubai Store."
|
||||
@@ -282,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer in-store pickup?",
|
||||
content: "Yes, we offer convenient in-store pickup for all orders placed online.",
|
||||
},
|
||||
id: "1", title: "Do you offer in-store pickup?", content: "Yes, we offer convenient in-store pickup for all orders placed online."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are your store hours?",
|
||||
content: "We are open daily and close at 8 PM. Feel free to visit us at Metroplex Plaza.",
|
||||
},
|
||||
id: "2", title: "What are your store hours?", content: "We are open daily and close at 8 PM. Feel free to visit us at Metroplex Plaza."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you have parking available?",
|
||||
content: "Yes, we have plenty of parking spaces available at Metroplex Plaza.",
|
||||
},
|
||||
id: "3", title: "Do you have parking available?", content: "Yes, we have plenty of parking spaces available at Metroplex Plaza."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to help."
|
||||
@@ -307,14 +194,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Visit us at 2431 W Airport Fwy, Irving, TX 75062 or call (214) 994-2040."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,4 +212,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user