304 lines
18 KiB
TypeScript
304 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import { Banknote, DollarSign, Share2, Tag, Truck, User, UserPlus, Wallet } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "হোম", id: "#home"},
|
||
{
|
||
name: "বিক্রেতা", id: "#how-it-works"},
|
||
{
|
||
name: "পণ্য", id: "#products"},
|
||
{
|
||
name: "যোগাযোগ", id: "#contact"},
|
||
]}
|
||
brandName="Free Business BD"
|
||
button={{
|
||
text: "Start Earning Now", href: "#how-it-works"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardCarousel
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="কোনো ইনভেস্ট ছাড়াই ব্যবসা শুরু করুন"
|
||
description="Buy করুন বা Sell করুন — Free Business BD আপনার ইনকাম প্ল্যাটফর্ম"
|
||
buttons={[
|
||
{
|
||
text: "আমি পণ্য কিনতে চাই", href: "#products"},
|
||
{
|
||
text: "Sell & Earn শুরু করুন", href: "#how-it-works"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-with-smart-mobile-phone-laptop-computer-using-credit-card-shopping-online_74190-10048.jpg", imageAlt: "Bangladeshi fashion e-commerce shopping"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-clothes_23-2149731143.jpg", imageAlt: "Affiliate marketing online earning in Bangladesh"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-working-laptop-sitting-floor-from_1098-18024.jpg", imageAlt: "Fashion marketplace with young entrepreneurs"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-addicted-social-media_23-2149418076.jpg", imageAlt: "Diverse fashion collections and fast delivery"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/unsuccessful-online-shopping_1098-16690.jpg", imageAlt: "Student earning passive income from home"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-clothing-collection-modern-boutique-store-generated-by-ai_188544-33893.jpg", imageAlt: "Digital shopping and earning dashboard"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="how-it-works" data-section="how-it-works">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Account খুলুন", description: "সম্পূর্ণ বিনামূল্যে আপনার সেলার অ্যাকাউন্ট তৈরি করুন।", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/business-online-shopping-concept-people-shopping-pay-by-credeit-card_1421-101.jpg", imageAlt: "Free signup illustration"},
|
||
items: [
|
||
{
|
||
icon: UserPlus,
|
||
text: "Free Signup"},
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Product Share করুন", description: "আপনার পছন্দের পণ্যগুলো কাস্টমারদের সাথে শেয়ার করুন।", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/credit-card-business-buying-contemporary-pc_1301-2086.jpg", imageAlt: "Product sharing illustration"},
|
||
items: [
|
||
{
|
||
icon: Share2,
|
||
text: "Product Link Share"},
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "Delivery হবে", description: "কাস্টমার অর্ডার করলে আমরা দ্রুত ডেলিভারির ব্যবস্থা করব।", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-service_1098-19713.jpg", imageAlt: "Delivery process illustration"},
|
||
items: [
|
||
{
|
||
icon: Truck,
|
||
text: "Admin Handles Delivery"},
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Commission Auto যোগ হবে", description: "প্রতিটি সফল বিক্রিতে আপনার অ্যাকাউন্টে কমিশন স্বয়ংক্রিয়ভাবে যোগ হবে।", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-prepares-date-messages-with-boyfriend-makes-beauty-procedures-having-perfect-look-wears-pyjama_273609-38710.jpg", imageAlt: "Automatic commission addition"},
|
||
items: [
|
||
{
|
||
icon: Wallet,
|
||
text: "Auto Commission"},
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "bKash / Nagad এ Withdraw করুন", description: "আপনার অর্জিত কমিশন bKash বা Nagad এর মাধ্যমে সহজেই উত্তোলন করুন।", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/digital-media-connection-information-technology_53876-122770.jpg", imageAlt: "bKash Nagad withdrawal"},
|
||
items: [
|
||
{
|
||
icon: Banknote,
|
||
text: "Easy Withdrawals"},
|
||
],
|
||
reverse: false
|
||
}
|
||
]}
|
||
title="Sell & Earn System"
|
||
description="আপনি শুধু Product Share করবেন, বাকি সব আমরা Handle করবো।"
|
||
tag="কিভাবে কাজ করে"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={false}
|
||
tag="আমাদের সম্পর্কে"
|
||
title="Free Business BD হলো একটি ফ্রি ইনকাম ও ই-কমার্স প্ল্যাটফর্ম"
|
||
description="যেখানে যে কেউ ইনভেস্ট ছাড়াই পণ্য বিক্রি করে আয় করতে পারে।"
|
||
subdescription="Free Business BD is a dual platform for Shopping & Earning in Bangladesh."
|
||
icon={User}
|
||
imageSrc="http://img.b2bpic.net/free-photo/businessman-dress-code-introducing-something_114579-19021.jpg"
|
||
imageAlt="Founder Ariyan Islam"
|
||
mediaAnimation="opacity"
|
||
/>
|
||
</div>
|
||
|
||
<div id="commission" data-section="commission">
|
||
<PricingCardEight
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
plans={[
|
||
{
|
||
id: "three-piece", badge: "Three Piece Rule", badgeIcon: Tag,
|
||
price: "10% - 15%", subtitle: "প্রতিটি প্রোডাক্টে কমিশন", buttons: [
|
||
{
|
||
text: "Sell Now", href: "#products"},
|
||
],
|
||
features: [
|
||
"যদি একজন কাস্টমার 3 Piece অর্ডার করে", "প্রতিটা Product এ আপনি পাবেন 10% – 15% কমিশন", "উদাহরণ: Product Price: ৳800, Your Commission: ৳120", "Total (3 Product): ৳120 × 3 = ৳360 Profit"],
|
||
},
|
||
{
|
||
id: "zero-investment", badge: "Zero Investment", badgeIcon: DollarSign,
|
||
price: "৳500+", subtitle: "সর্বনিম্ন উইথড্রয়াল", buttons: [
|
||
{
|
||
text: "Start Earning", href: "#how-it-works"},
|
||
],
|
||
features: [
|
||
"Sell করুন, Earn করুন — Zero Investment", "আপনার আর্নিংস স্বয়ংক্রিয়ভাবে আপডেট হবে", "বিকাশ এবং নগদ এর মাধ্যমে দ্রুত উইথড্রয়াল"],
|
||
},
|
||
]}
|
||
title="কমিশন রুল: Sell & Earn Model"
|
||
description="আপনি শুধু Product Share করবেন, বাকি সব আমরা Handle করবো।"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "mens-tshirt", name: "Men’s Oversized Drop Shoulder T-Shirt", price: "৳800 – ৳1200", imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets-against-flags-different-countries_627829-14398.jpg", imageAlt: "Men’s Oversized Drop Shoulder T-Shirt", rating: 4.5,
|
||
},
|
||
{
|
||
id: "mens-shirt", name: "Men’s Shirt (Casual/Formal)", price: "৳900 – ৳1500", imageSrc: "http://img.b2bpic.net/free-photo/garment-beautiful-boy-beauty-sleeve_1203-6474.jpg", imageAlt: "Men’s Casual/Formal Shirt", rating: 4.6,
|
||
},
|
||
{
|
||
id: "mens-jeans", name: "Jeans Pant (Men)", price: "৳1200 – ৳1500", imageSrc: "http://img.b2bpic.net/free-photo/full-length-image-brunette-businessman-jacket-confidently-posing-with-hands-pockets-looking-aside-isolated-white-wall_171337-1269.jpg", imageAlt: "Men’s Jeans Pant", rating: 4.4,
|
||
},
|
||
{
|
||
id: "mens-shoes", name: "Shoes (Men)", price: "৳1200 – ৳2000", imageSrc: "http://img.b2bpic.net/free-photo/young-fashionable-businessman_158595-4710.jpg", imageAlt: "Men’s Shoes", rating: 4.7,
|
||
},
|
||
{
|
||
id: "womens-threepiece", name: "Three Piece (থ্রি-পিস)", price: "৳2500 – ৳4000", imageSrc: "http://img.b2bpic.net/free-photo/couple-beautiful-hipster-girls-wearing-long-fashion-coats-street_149155-4492.jpg", imageAlt: "Women’s Three Piece", rating: 4.8,
|
||
},
|
||
{
|
||
id: "womens-burkha", name: "Burkha Collection", price: "৳3000 – ৳4500", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-red-hair-linen-dress-gathering-mushrooms-forest_1321-1506.jpg", imageAlt: "Women’s Burkha Collection", rating: 4.7,
|
||
},
|
||
{
|
||
id: "womens-saree", name: "Saree (শাড়ি)", price: "৳2000 – ৳3500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-young-man-woman-dressed-beautiful-thai-costumes-splashing-temple-preserve-good-culture-thai-people-songkran-festival-thai-new-year-family-day-april_1150-61284.jpg", imageAlt: "Women’s Saree", rating: 4.5,
|
||
},
|
||
{
|
||
id: "womens-pakistani", name: "Pakistani Dress", price: "৳3000 – ৳4500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502983.jpg", imageAlt: "Women’s Pakistani Dress", rating: 4.6,
|
||
},
|
||
{
|
||
id: "womens-tops", name: "Women Tops / T-shirts", price: "৳700 – ৳1200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-blond-smiling-hipster-girls-trendy-summer-white-t-shirt-clothes_158538-5644.jpg", imageAlt: "Women’s Tops / T-shirts", rating: 4.3,
|
||
},
|
||
]}
|
||
title="🔥 ট্রেন্ডিং ফ্যাশন কালেকশন"
|
||
description="সবচেয়ে সেরা মানের পোশাক, কম দামে অর্ডার করুন"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "payment-methods", title: "কি কি পেমেন্ট পদ্ধতি আছে?", content: "আপনি বিকাশ (bKash), নগদ (Nagad) এবং ATM / Bank Card এর মাধ্যমে পেমেন্ট করতে পারবেন।"},
|
||
{
|
||
id: "payment-flow", title: "পেমেন্ট ফ্লো কিভাবে কাজ করে?", content: "১. কাস্টমার অর্ডার করবে ২. পেমেন্ট করবে ৩. এডমিন ভেরিফাই করবে ৪. ডেলিভারি কনফার্ম হবে।"},
|
||
{
|
||
id: "delivery-time", title: "ডেলিভারি কত দিনের মধ্যে হয়?", content: "সাধারণত ২-৪ দিনের মধ্যে ডেলিভারি সম্পন্ন হয়।"},
|
||
{
|
||
id: "delivery-tracking", title: "কিভাবে ডেলিভারি ট্র্যাক করব?", content: "আপনার অর্ডারের জন্য ট্র্যাকিং আইডি (Tracking ID) সরবরাহ করা হবে, যার মাধ্যমে আপনি ডেলিভারি ট্র্যাক করতে পারবেন।"},
|
||
{
|
||
id: "delivery-courier", title: "কোন কুরিয়ার সার্ভিস ব্যবহার করা হয়?", content: "আমরা Pathao, Steadfast এবং অন্যান্য বিশ্বস্ত লোকাল কুরিয়ার সার্ভিস ব্যবহার করি।"},
|
||
]}
|
||
sideTitle="আপনার পেমেন্ট ও ডেলিভারি"
|
||
sideDescription="নিরাপদভাবে পেমেন্ট করুন এবং দ্রুত ডেলিভারি পান।"
|
||
faqsAnimation="slide-up"
|
||
textPosition="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Pathao", "Steadfast", "Local Courier", "Fast Freight", "Express Delivery", "Global Shipping", "Urban Logistics"]}
|
||
title="আমাদের বিশ্বস্ত ডেলিভারি পার্টনার"
|
||
description="আপনার পণ্য নিরাপদে পৌঁছে দিতে আমরা সেরা কুরিয়ার সার্ভিস ব্যবহার করি।"
|
||
speed={30}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="যোগাযোগ করুন"
|
||
title="আপনার ব্যবসা শুরু করুন বা কেনাকাটা করুন"
|
||
description="কোনো ইনভেস্ট ছাড়াই আয় করুন অথবা আপনার পছন্দের পোশাক কিনুন।"
|
||
imageSrc="http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896838.jpg"
|
||
imageAlt="Person browsing fashion online or working on laptop"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
inputPlaceholder="আপনার ইমেইল দিন"
|
||
buttonText="Subscribe"
|
||
termsText="আমাদের নতুন কালেকশন এবং ইনকাম সুযোগ সম্পর্কে জানতে সাবস্ক্রাইব করুন।"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Free Business BD"
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms & Conditions", href: "#"},
|
||
{
|
||
label: "Refund Policy", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Free Business BD. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|