214 lines
12 KiB
TypeScript
214 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "Features", id: "features"},
|
||
{
|
||
name: "Products", id: "products"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Islamic Style"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="আপনার স্টাইল ও ইবাদতের জন্য সেরা সঙ্গী"
|
||
description="মানসম্মত ও স্টাইলিশ ইসলামিক পোশাক ও এক্সেসরিজের নির্ভরযোগ্য সংগ্রহ এখন আমাদের স্টোরে। গুণগত মানই আমাদের গর্ব।"
|
||
testimonials={[
|
||
{
|
||
name: "রহিম আহমেদ", handle: "@rahim", testimonial: "খুবই মানসম্মত প্রোডাক্ট, আমি নিয়মিত এখান থেকে কিনি।", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-hijab_23-2149226585.jpg"},
|
||
{
|
||
name: "ফাতেমা জান্নাত", handle: "@fatema", testimonial: "তাদের হিজাব কালেকশন সত্যিই অসাধারণ ও আরামদায়ক।", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-islamic-woman-shopping-clothes_23-2151064071.jpg"},
|
||
{
|
||
name: "মইনুল ইসলাম", handle: "@moin", testimonial: "নামাজ মোসলাটা অনেক সফট এবং বহনযোগ্য।", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-hijab_23-2149522155.jpg"},
|
||
{
|
||
name: "আয়েশা খাতুন", handle: "@ayesha", testimonial: "দ্রুত সার্ভিস এবং কোয়ালিটিও ভালো।", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg"},
|
||
{
|
||
name: "সালাহউদ্দিন", handle: "@salah", 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"
|
||
imageAlt="Islamic fashion store"
|
||
mediaAnimation="blur-reveal"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tongue-out_23-2149226588.jpg", 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", alt: "User 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-outdoors-front-view_23-2149870337.jpg", alt: "User 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-man-enjoying-snow_23-2148320491.jpg", alt: "User 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-tranquil-pensive-male-head-wrap-staring-into-distance_259150-57794.jpg", alt: "User 5"},
|
||
]}
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "১০০% প্রিমিয়াম কোয়ালিটি"},
|
||
{
|
||
type: "text", text: "দ্রুত ডেলিভারি"},
|
||
{
|
||
type: "text", text: "সন্তুষ্ট গ্রাহক"},
|
||
{
|
||
type: "text", text: "সাশ্রয়ী মূল্য"},
|
||
{
|
||
type: "text", text: "নিশ্চিত রিটার্ন পলিসি"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "ট্রেন্ডি হিজাব", description: "সফট, আরামদায়ক ও ট্রেন্ডি ডিজাইনের হিজাব কালেকশন।", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-hijab_23-2149226590.jpg", imageAlt: "Hijab collection"},
|
||
{
|
||
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"},
|
||
{
|
||
title: "নামাজ মোসলা", description: "নরম, টেকসই ও সহজে বহনযোগ্য মোসলা।", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-place-with-mat-praying_23-2151112541.jpg", imageAlt: "Prayer mat"},
|
||
]}
|
||
title="কেন আমাদের নির্বাচন করবেন?"
|
||
description="আমরা বিশ্বাস করি গুণগত মান ও গ্রাহক সন্তুষ্টিতেই আমাদের সফলতা।"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "p1", name: "স্টাইলিশ হিজাব", price: "৪৯০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headscarf-sunglasses_1122-1181.jpg"},
|
||
{
|
||
id: "p2", name: "নামাজ টুপি", price: "১৫০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582319.jpg"},
|
||
{
|
||
id: "p3", name: "নরম মোসলা", price: "৮৫০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-islamic-arch-motif_23-2151112571.jpg"},
|
||
{
|
||
id: "p4", name: "ফরমাল বেল্ট", price: "৫৫০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/male-designer-leather-tailor-working-factory-close-up_1303-26309.jpg"},
|
||
{
|
||
id: "p5", name: "প্রিমিয়াম হিজাব", price: "৬৫০ টাকা", imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-hijab-city-street_285396-11079.jpg"},
|
||
{
|
||
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"},
|
||
]}
|
||
title="আমাদের পণ্যসমূহ"
|
||
description="আমাদের স্টোরের কিছু চমৎকার কালেকশন দেখুন।"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="আপনার জিজ্ঞাসাসমূহ"
|
||
description="আমাদের পণ্য ও সেবা সম্পর্কে কিছু সাধারণ জিজ্ঞাসা।"
|
||
faqsAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "f1", title: "পণ্যগুলো কি প্রিমিয়াম কোয়ালিটি?", content: "হ্যাঁ, আমরা শুধুমাত্র সেরা মানসম্মত পণ্য নির্বাচন করি।"},
|
||
{
|
||
id: "f2", title: "ডেলিভারি কতদিন সময় নেয়?", content: "সাধারণত ২-৩ কার্যদিবসের মধ্যে ডেলিভারি সম্পন্ন হয়।"},
|
||
{
|
||
id: "f3", title: "আমি কি পণ্য পরিবর্তন করতে পারব?", content: "অবশ্যই, আমাদের রিটার্ন পলিসি অনুযায়ী আপনি পণ্য পরিবর্তন করতে পারেন।"},
|
||
{
|
||
id: "f4", title: "পেমেন্ট মেথড কী কী আছে?", content: "আমরা ক্যাশ অন ডেলিভারি এবং অনলাইন পেমেন্ট সুবিধা দেই।"},
|
||
{
|
||
id: "f5", title: "আপনারা কি হোলসেল করেন?", content: "হ্যাঁ, নির্দিষ্ট পরিমাণে কেনাকাটায় আমরা পাইকারি সুবিধাও দিই।"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="সরাসরি যোগাযোগ"
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
title="আমাদের দোকানে আসুন"
|
||
description="📍 সরাসরি আমাদের স্টোরে এসে পণ্য দেখে কিনুন। আমরা আপনার অপেক্ষায় আছি।"
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-talking-smartphone_72229-272.jpg"
|
||
mediaAnimation="slide-up"
|
||
buttonText="আমাদের লোকেশন"
|
||
onSubmit={(email) => console.log(email)}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "আমাদের সম্পর্কে", items: [
|
||
{
|
||
label: "আমাদের লক্ষ্য", href: "#"},
|
||
{
|
||
label: "যোগাযোগ", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "পণ্য", items: [
|
||
{
|
||
label: "হিজাব", href: "#"},
|
||
{
|
||
label: "টুপি", href: "#"},
|
||
{
|
||
label: "মোসলা", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "আইনি", items: [
|
||
{
|
||
label: "প্রাইভেসি", href: "#"},
|
||
{
|
||
label: "শর্তাবলী", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Islamic Style"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|