Update src/app/page.tsx
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Islamic Style"
|
brandName="Islamic Style"
|
||||||
/>
|
/>
|
||||||
@@ -52,93 +44,52 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="আপনার স্টাইল ও ইবাদতের জন্য সেরা সঙ্গী"
|
title="আপনার স্টাইল ও ইবাদতের জন্য সেরা সঙ্গী"
|
||||||
description="মানসম্মত ও স্টাইলিশ ইসলামিক পোশাক ও এক্সেসরিজের নির্ভরযোগ্য সংগ্রহ এখন আমাদের স্টোরে। গুণগত মানই আমাদের গর্ব।"
|
description="মানসম্মত ও স্টাইলিশ ইসলামিক পোশাক ও এক্সেসরিজের নির্ভরযোগ্য সংগ্রহ এখন আমাদের স্টোরে। গুণগত মানই আমাদের গর্ব।"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "রহিম আহমেদ",
|
name: "রহিম আহমেদ", handle: "@rahim", testimonial: "খুবই মানসম্মত প্রোডাক্ট, আমি নিয়মিত এখান থেকে কিনি।", rating: 5,
|
||||||
handle: "@rahim",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-hijab_23-2149226585.jpg"},
|
||||||
testimonial: "খুবই মানসম্মত প্রোডাক্ট, আমি নিয়মিত এখান থেকে কিনি।",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-hijab_23-2149226585.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "ফাতেমা জান্নাত",
|
name: "ফাতেমা জান্নাত", handle: "@fatema", testimonial: "তাদের হিজাব কালেকশন সত্যিই অসাধারণ ও আরামদায়ক।", rating: 5,
|
||||||
handle: "@fatema",
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-islamic-woman-shopping-clothes_23-2151064071.jpg"},
|
||||||
testimonial: "তাদের হিজাব কালেকশন সত্যিই অসাধারণ ও আরামদায়ক।",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-islamic-woman-shopping-clothes_23-2151064071.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "মইনুল ইসলাম",
|
name: "মইনুল ইসলাম", handle: "@moin", testimonial: "নামাজ মোসলাটা অনেক সফট এবং বহনযোগ্য।", rating: 5,
|
||||||
handle: "@moin",
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-hijab_23-2149522155.jpg"},
|
||||||
testimonial: "নামাজ মোসলাটা অনেক সফট এবং বহনযোগ্য।",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-hijab_23-2149522155.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "আয়েশা খাতুন",
|
name: "আয়েশা খাতুন", handle: "@ayesha", testimonial: "দ্রুত সার্ভিস এবং কোয়ালিটিও ভালো।", rating: 5,
|
||||||
handle: "@ayesha",
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg"},
|
||||||
testimonial: "দ্রুত সার্ভিস এবং কোয়ালিটিও ভালো।",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "সালাহউদ্দিন",
|
name: "সালাহউদ্দিন", handle: "@salah", testimonial: "টুপির ডিজাইনগুলো দারুণ এবং দীর্ঘস্থায়ী।", rating: 5,
|
||||||
handle: "@salah",
|
imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-listening-music-headphones_23-2148201799.jpg"},
|
||||||
testimonial: "টুপির ডিজাইনগুলো দারুণ এবং দীর্ঘস্থায়ী।",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-listening-music-headphones_23-2148201799.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-wearing-hijab_23-2149288896.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-wearing-hijab_23-2149288896.jpg"
|
||||||
imageAlt="Islamic fashion store"
|
imageAlt="Islamic fashion store"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tongue-out_23-2149226588.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tongue-out_23-2149226588.jpg", alt: "User 1"},
|
||||||
alt: "User 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/seriouslooking-bossy-focused-intense-young-female-office-worker-cross-arms-chest-defensive-c_1258-131415.jpg",
|
src: "http://img.b2bpic.net/free-photo/seriouslooking-bossy-focused-intense-young-female-office-worker-cross-arms-chest-defensive-c_1258-131415.jpg", alt: "User 2"},
|
||||||
alt: "User 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-outdoors-front-view_23-2149870337.jpg",
|
src: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-outdoors-front-view_23-2149870337.jpg", alt: "User 3"},
|
||||||
alt: "User 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-man-enjoying-snow_23-2148320491.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-man-enjoying-snow_23-2148320491.jpg", alt: "User 4"},
|
||||||
alt: "User 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-tranquil-pensive-male-head-wrap-staring-into-distance_259150-57794.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-tranquil-pensive-male-head-wrap-staring-into-distance_259150-57794.jpg", alt: "User 5"},
|
||||||
alt: "User 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "১০০% প্রিমিয়াম কোয়ালিটি"},
|
||||||
text: "১০০% প্রিমিয়াম কোয়ালিটি",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "দ্রুত ডেলিভারি"},
|
||||||
text: "দ্রুত ডেলিভারি",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "সন্তুষ্ট গ্রাহক"},
|
||||||
text: "সন্তুষ্ট গ্রাহক",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "সাশ্রয়ী মূল্য"},
|
||||||
text: "সাশ্রয়ী মূল্য",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "নিশ্চিত রিটার্ন পলিসি"},
|
||||||
text: "নিশ্চিত রিটার্ন পলিসি",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -150,23 +101,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "ট্রেন্ডি হিজাব",
|
title: "ট্রেন্ডি হিজাব", description: "সফট, আরামদায়ক ও ট্রেন্ডি ডিজাইনের হিজাব কালেকশন।", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-hijab_23-2149226590.jpg", imageAlt: "Hijab collection"},
|
||||||
description: "সফট, আরামদায়ক ও ট্রেন্ডি ডিজাইনের হিজাব কালেকশন।",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-hijab_23-2149226590.jpg",
|
|
||||||
imageAlt: "Hijab collection",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "টুপি ও এক্সেসরিজ",
|
title: "টুপি ও এক্সেসরিজ", description: "দৈনন্দিন নামাজ ও ব্যবহারের জন্য সেরা টুপি।", imageSrc: "http://img.b2bpic.net/free-photo/young-man-raising-hands-with-joy-white-t-shirt-floral-shirt-cap-looking-happy-front-view_176474-61397.jpg", imageAlt: "Cap and topi"},
|
||||||
description: "দৈনন্দিন নামাজ ও ব্যবহারের জন্য সেরা টুপি।",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-raising-hands-with-joy-white-t-shirt-floral-shirt-cap-looking-happy-front-view_176474-61397.jpg",
|
|
||||||
imageAlt: "Cap and topi",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "নামাজ মোসলা",
|
title: "নামাজ মোসলা", description: "নরম, টেকসই ও সহজে বহনযোগ্য মোসলা।", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-place-with-mat-praying_23-2151112541.jpg", imageAlt: "Prayer mat"},
|
||||||
description: "নরম, টেকসই ও সহজে বহনযোগ্য মোসলা।",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-place-with-mat-praying_23-2151112541.jpg",
|
|
||||||
imageAlt: "Prayer mat",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="কেন আমাদের নির্বাচন করবেন?"
|
title="কেন আমাদের নির্বাচন করবেন?"
|
||||||
description="আমরা বিশ্বাস করি গুণগত মান ও গ্রাহক সন্তুষ্টিতেই আমাদের সফলতা।"
|
description="আমরা বিশ্বাস করি গুণগত মান ও গ্রাহক সন্তুষ্টিতেই আমাদের সফলতা।"
|
||||||
@@ -181,41 +120,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "স্টাইলিশ হিজাব", price: "৪৯০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headscarf-sunglasses_1122-1181.jpg"},
|
||||||
name: "স্টাইলিশ হিজাব",
|
|
||||||
price: "৪৯০ টাকা",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headscarf-sunglasses_1122-1181.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "নামাজ টুপি", price: "১৫০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582319.jpg"},
|
||||||
name: "নামাজ টুপি",
|
|
||||||
price: "১৫০ টাকা",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582319.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "নরম মোসলা", price: "৮৫০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-islamic-arch-motif_23-2151112571.jpg"},
|
||||||
name: "নরম মোসলা",
|
|
||||||
price: "৮৫০ টাকা",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-islamic-arch-motif_23-2151112571.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "ফরমাল বেল্ট", price: "৫৫০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/male-designer-leather-tailor-working-factory-close-up_1303-26309.jpg"},
|
||||||
name: "ফরমাল বেল্ট",
|
|
||||||
price: "৫৫০ টাকা",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-designer-leather-tailor-working-factory-close-up_1303-26309.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "প্রিমিয়াম হিজাব", price: "৬৫০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-hijab-city-street_285396-11079.jpg"},
|
||||||
name: "প্রিমিয়াম হিজাব",
|
|
||||||
price: "৬৫০ টাকা",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-hijab-city-street_285396-11079.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "লেদার এক্সেসরিজ", price: "৭০০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/teen-using-cell-phone-young-blond-woman-talk-smartphone-while-walking-city-street_231208-5669.jpg"},
|
||||||
name: "লেদার এক্সেসরিজ",
|
|
||||||
price: "৭০০ টাকা",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-using-cell-phone-young-blond-woman-talk-smartphone-while-walking-city-street_231208-5669.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="আমাদের পণ্যসমূহ"
|
title="আমাদের পণ্যসমূহ"
|
||||||
description="আমাদের স্টোরের কিছু চমৎকার কালেকশন দেখুন।"
|
description="আমাদের স্টোরের কিছু চমৎকার কালেকশন দেখুন।"
|
||||||
@@ -231,40 +146,25 @@ export default function LandingPage() {
|
|||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "পণ্যগুলো কি প্রিমিয়াম কোয়ালিটি?", content: "হ্যাঁ, আমরা শুধুমাত্র সেরা মানসম্মত পণ্য নির্বাচন করি।"},
|
||||||
title: "পণ্যগুলো কি প্রিমিয়াম কোয়ালিটি?",
|
|
||||||
content: "হ্যাঁ, আমরা শুধুমাত্র সেরা মানসম্মত পণ্য নির্বাচন করি।",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "ডেলিভারি কতদিন সময় নেয়?", content: "সাধারণত ২-৩ কার্যদিবসের মধ্যে ডেলিভারি সম্পন্ন হয়।"},
|
||||||
title: "ডেলিভারি কতদিন সময় নেয়?",
|
|
||||||
content: "সাধারণত ২-৩ কার্যদিবসের মধ্যে ডেলিভারি সম্পন্ন হয়।",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "আমি কি পণ্য পরিবর্তন করতে পারব?", content: "অবশ্যই, আমাদের রিটার্ন পলিসি অনুযায়ী আপনি পণ্য পরিবর্তন করতে পারেন।"},
|
||||||
title: "আমি কি পণ্য পরিবর্তন করতে পারব?",
|
|
||||||
content: "অবশ্যই, আমাদের রিটার্ন পলিসি অনুযায়ী আপনি পণ্য পরিবর্তন করতে পারেন।",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f4",
|
id: "f4", title: "পেমেন্ট মেথড কী কী আছে?", content: "আমরা ক্যাশ অন ডেলিভারি এবং অনলাইন পেমেন্ট সুবিধা দেই।"},
|
||||||
title: "পেমেন্ট মেথড কী কী আছে?",
|
|
||||||
content: "আমরা ক্যাশ অন ডেলিভারি এবং অনলাইন পেমেন্ট সুবিধা দেই।",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f5",
|
id: "f5", title: "আপনারা কি হোলসেল করেন?", content: "হ্যাঁ, নির্দিষ্ট পরিমাণে কেনাকাটায় আমরা পাইকারি সুবিধাও দিই।"},
|
||||||
title: "আপনারা কি হোলসেল করেন?",
|
|
||||||
content: "হ্যাঁ, নির্দিষ্ট পরিমাণে কেনাকাটায় আমরা পাইকারি সুবিধাও দিই।",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
|
tag="সরাসরি যোগাযোগ"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="আমাদের দোকানে আসুন"
|
title="আমাদের দোকানে আসুন"
|
||||||
description="📍 সরাসরি আমাদের স্টোরে এসে পণ্য দেখে কিনুন। আমরা আপনার অপেক্ষায় আছি।"
|
description="📍 সরাসরি আমাদের স্টোরে এসে পণ্য দেখে কিনুন। আমরা আপনার অপেক্ষায় আছি।"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-talking-smartphone_72229-272.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-talking-smartphone_72229-272.jpg"
|
||||||
@@ -278,46 +178,29 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "আমাদের সম্পর্কে",
|
title: "আমাদের সম্পর্কে", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "আমাদের লক্ষ্য",
|
label: "আমাদের লক্ষ্য", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "যোগাযোগ",
|
label: "যোগাযোগ", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "পণ্য",
|
title: "পণ্য", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "হিজাব",
|
label: "হিজাব", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "টুপি",
|
label: "টুপি", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "মোসলা",
|
label: "মোসলা", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "আইনি",
|
title: "আইনি", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "প্রাইভেসি",
|
label: "প্রাইভেসি", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "শর্তাবলী",
|
label: "শর্তাবলী", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user