Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-06 07:10:24 +00:00

View File

@@ -2,17 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import { CheckCircle, MessageSquare, ShoppingBag, Star, Users, Zap } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { CheckCircle, MessageSquare, ShoppingBag, Star, Users, Zap } from "lucide-react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function LandingPage() {
return (
@@ -29,376 +29,159 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Shop",
id: "#products",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="My Fashion Store"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Products", id: "products" },
{ name: "About", id: "features" },
{ name: "Contact", id: "contact" }
]}
brandName="My Fashion Store"
button={{ text: "Order Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Elevate Your Style"
description="Discover our premium collection of shirts, pants, and watches. Order easily via WhatsApp today."
testimonials={[
{
name: "Sarah Ahmed",
handle: "@sarah_fashion",
testimonial: "The fabric quality is exceptional!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
},
{
name: "Karim Rahman",
handle: "@karim_style",
testimonial: "Super fast delivery and great watch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-male-model-leaning-wall_23-2148760719.jpg",
},
{
name: "Fatima Begum",
handle: "@fatima_shopping",
testimonial: "Great styles and very affordable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/charming-glamour-fabulous-adult-s-blond-woman-elegant-silver-dress-shiny-earrings-smiling-happily_1258-131136.jpg",
},
{
name: "Hasan Khan",
handle: "@hasan_trends",
testimonial: "Excellent customer service on WhatsApp.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-bearded-man-showing-ok-gesture-agreeing-with-friend-camera-colorful-background-well-done-expression_574295-3169.jpg",
},
{
name: "Zeba Islam",
handle: "@zeba_fashion",
testimonial: "My go-to store for new outfits.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-worker-helping-woman-choose-from-stylish-selection-clothes_482257-109184.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/purchase-sale-discount-fashion-style_53876-15282.jpg"
imageAlt="Fashion Store Display"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
alt: "Customer profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
alt: "Customer profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
alt: "Customer profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene_23-2148184700.jpg",
alt: "Customer profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-india-model-posed-sitting-streets-city_627829-2698.jpg",
alt: "Customer profile 5",
},
]}
avatarText="Trusted by 5000+ fashion enthusiasts"
marqueeItems={[
{
type: "text",
text: "Premium Fabric",
},
{
type: "text",
text: "Fast Shipping",
},
{
type: "text",
text: "Quality Guaranteed",
},
{
type: "text",
text: "Latest Trends",
},
{
type: "text",
text: "WhatsApp Support",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Elevate Your Style"
description="Discover our premium collection of shirts, pants, and watches. Order easily via WhatsApp today."
testimonials={[
{ name: "Sarah Ahmed", handle: "@sarah_fashion", testimonial: "The fabric quality is exceptional!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
{ name: "Karim Rahman", handle: "@karim_style", testimonial: "Super fast delivery and great watch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-male-model-leaning-wall_23-2148760719.jpg" },
{ name: "Fatima Begum", handle: "@fatima_shopping", testimonial: "Great styles and very affordable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-glamour-fabulous-adult-s-blond-woman-elegant-silver-dress-shiny-earrings-smiling-happily_1258-131136.jpg" },
{ name: "Hasan Khan", handle: "@hasan_trends", testimonial: "Excellent customer service on WhatsApp.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-bearded-man-showing-ok-gesture-agreeing-with-friend-camera-colorful-background-well-done-expression_574295-3169.jpg" },
{ name: "Zeba Islam", handle: "@zeba_fashion", testimonial: "My go-to store for new outfits.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-worker-helping-woman-choose-from-stylish-selection-clothes_482257-109184.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/purchase-sale-discount-fashion-style_53876-15282.jpg"
imageAlt="Fashion Store Display"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Customer profile 1" },
{ src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Customer profile 2" },
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Customer profile 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene_23-2148184700.jpg", alt: "Customer profile 4" },
{ src: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-india-model-posed-sitting-streets-city_627829-2698.jpg", alt: "Customer profile 5" }
]}
avatarText="Trusted by 5000+ fashion enthusiasts"
marqueeItems={[
{ type: "text", text: "Premium Fabric" },
{ type: "text", text: "Fast Shipping" },
{ type: "text", text: "Quality Guaranteed" },
{ type: "text", text: "Latest Trends" },
{ type: "text", text: "WhatsApp Support" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: CheckCircle,
title: "Premium Quality",
description: "Hand-picked fabrics and high-end materials.",
},
{
icon: Zap,
title: "Fast Delivery",
description: "Same day dispatch for local orders.",
},
{
icon: MessageSquare,
title: "WhatsApp Support",
description: "Order via chat with ease and speed.",
},
]}
title="Why Choose Us"
description="Experience shopping that puts you first."
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ icon: CheckCircle, title: "Premium Quality", description: "Hand-picked fabrics and high-end materials." },
{ icon: Zap, title: "Fast Delivery", description: "Same day dispatch for local orders." },
{ icon: MessageSquare, title: "WhatsApp Support", description: "Order via chat with ease and speed." }
]}
title="Why Choose Us"
description="Experience shopping that puts you first."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Stylish Shirt",
price: "1200 BDT",
imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirt-with-floral-print-hanger-belt_23-2149366089.jpg",
},
{
id: "p2",
name: "Denim Pant",
price: "1500 BDT",
imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170140.jpg",
},
{
id: "p3",
name: "Luxury Watch",
price: "3000 BDT",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-romantic-young-girl-wearing-evening-clothes-jewelry-sitting-dreaming-with-flower-hand-cafe-high-quality-photo_132075-9360.jpg",
},
{
id: "p4",
name: "Classic Linen Shirt",
price: "1400 BDT",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-autumn-traveling-composition-with-laptop_23-2148634155.jpg",
},
{
id: "p5",
name: "Urban Denim",
price: "1800 BDT",
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773417.jpg",
},
{
id: "p6",
name: "Sport Watch",
price: "2500 BDT",
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164729.jpg",
},
]}
title="Premium Collection"
description="Browse our latest arrivals."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Stylish Shirt", price: "1200 BDT", imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirt-with-floral-print-hanger-belt_23-2149366089.jpg" },
{ id: "p2", name: "Denim Pant", price: "1500 BDT", imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170140.jpg" },
{ id: "p3", name: "Luxury Watch", price: "3000 BDT", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-romantic-young-girl-wearing-evening-clothes-jewelry-sitting-dreaming-with-flower-hand-cafe-high-quality-photo_132075-9360.jpg" }
]}
title="Premium Collection"
description="Browse our latest arrivals."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Users,
title: "Happy Customers",
value: "5000+",
},
{
id: "m2",
icon: ShoppingBag,
title: "Orders Completed",
value: "12k+",
},
{
id: "m3",
icon: Star,
title: "Rating",
value: "4.9/5",
},
]}
title="Our Impact"
description="Growing by the numbers."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", icon: Users, title: "Happy Customers", value: "5000+" },
{ id: "m2", icon: ShoppingBag, title: "Orders Completed", value: "12k+" },
{ id: "m3", icon: Star, title: "Rating", value: "4.9/5" }
]}
title="Our Impact"
description="Growing by the numbers."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"FashionDaily",
"StyleHub",
"TrendyMarket",
"UrbanTrends",
"LuxuryWear",
"CasualCo",
"PremiumFit",
]}
title="Trusted Partners"
description="Working with industry leaders."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["FashionDaily", "StyleHub", "TrendyMarket", "UrbanTrends", "LuxuryWear"]}
title="Trusted Partners"
description="Working with industry leaders."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Ahmed",
date: "2024-10-12",
title: "Great quality!",
quote: "I love the shirt quality.",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-city_1303-16832.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-short-hair_273609-15371.jpg",
},
{
id: "t2",
name: "Karim Rahman",
date: "2024-09-20",
title: "Best store!",
quote: "Reliable and fast shipping.",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-clothes_158538-1001.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-green-shirt-with-skeptic-smile_141793-55161.jpg",
},
{
id: "t3",
name: "Fatima Begum",
date: "2024-08-15",
title: "Very happy.",
quote: "The watch is premium.",
avatarSrc: "http://img.b2bpic.net/free-photo/exploring-new-shops-with-friends_329181-8058.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-classroom_23-2150331691.jpg",
},
{
id: "t4",
name: "Hasan Khan",
date: "2024-07-22",
title: "Style on point.",
quote: "Great collection.",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-showing-thumbs-up-isolated-purple-wall_141793-87825.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-showing-okay-gesture_171337-7646.jpg",
},
{
id: "t5",
name: "Zeba Islam",
date: "2024-06-10",
title: "Perfect fit.",
quote: "My favorite store.",
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantastic-african-american-woman-wearing-sunglasses-holds-multicolored-shopping-bags-outside-mall-black-white-photo_627829-14394.jpg",
},
]}
title="Client Stories"
description="Hear what our customers have to say."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
title="Client Stories"
description="Hear what our customers have to say."
testimonials={[
{ id: "t1", name: "Sarah Ahmed", date: "2024-10-12", title: "Great quality!", quote: "I love the shirt quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-city_1303-16832.jpg" },
{ id: "t2", name: "Karim Rahman", date: "2024-09-20", title: "Best store!", quote: "Reliable and fast shipping.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-clothes_158538-1001.jpg" },
{ id: "t3", name: "Fatima Begum", date: "2024-08-15", title: "Very happy.", quote: "The watch is premium.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/exploring-new-shops-with-friends_329181-8058.jpg" },
{ id: "t4", name: "Hasan Khan", date: "2024-07-22", title: "Style on point.", quote: "Great collection.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-showing-thumbs-up-isolated-purple-wall_141793-87825.jpg" },
{ id: "t5", name: "Zeba Islam", date: "2024-06-10", title: "Perfect fit.", quote: "My favorite store.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How to order?",
content: "Just click Buy on WhatsApp button.",
},
{
id: "f2",
title: "Shipping time?",
content: "Usually within 2-3 days.",
},
{
id: "f3",
title: "Return policy?",
content: "We offer easy exchanges.",
},
]}
title="Common Questions"
description="Find answers to help you shop."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Common Questions"
description="Find answers to help you shop."
faqsAnimation="blur-reveal"
faqs={[
{ id: "f1", title: "How to order?", content: "Just click Buy on WhatsApp button." },
{ id: "f2", title: "Shipping time?", content: "Usually within 2-3 days." },
{ id: "f3", title: "Return policy?", content: "We offer easy exchanges." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
title="Order Now"
description="Sign up for offers or message us directly."
mediaAnimation="slide-up"
tag="Contact Us"
imageSrc="http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
title="Order Now"
description="Sign up for offers or message us directly."
mediaAnimation="slide-up"
tag="Contact Us"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164896.jpg"
logoText="My Fashion Store"
columns={[
{
title: "Shop",
items: [
{
label: "Shirts",
href: "#products",
},
{
label: "Pants",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164896.jpg"
logoText="My Fashion Store"
columns={[
{ title: "Shop", items: [{ label: "Shirts", href: "#products" }, { label: "Pants", href: "#products" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}