Merge version_1 into main #1
495
src/app/page.tsx
495
src/app/page.tsx
@@ -16,407 +16,114 @@ import { Info } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ahmed Store"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Ahmed Store"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Ahmed Store: Timeless Fashion"
|
||||
description="Discover high-quality garments curated for modern style and comfort. Visit our boutique and experience premium quality firsthand."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and great quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23073.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Best clothing shop in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-thinking-buying-something-holding-shopping-bags-with-dreamy-smile-buying-sta_1258-124345.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Fantastic designs and staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-casual-outfit-showing-shopping-bag-okay-sign-winking-camera-recommending-shop-s_1258-150719.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tom K.",
|
||||
handle: "@tomk",
|
||||
testimonial: "Affordable yet premium quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23092.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "Always found the perfect outfit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-talking-about-what-they-have-bought_329181-8017.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861944.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861908.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862122.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861918.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-109880.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Style",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Fashion",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ahmed Store: Timeless Fashion"
|
||||
description="Discover high-quality garments curated for modern style and comfort. Visit our boutique and experience premium quality firsthand."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and great quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23073.jpg" },
|
||||
{ name: "Mark D.", handle: "@markd", testimonial: "Best clothing shop in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-thinking-buying-something-holding-shopping-bags-with-dreamy-smile-buying-sta_1258-124345.jpg" },
|
||||
{ name: "Elena R.", handle: "@elenar", testimonial: "Fantastic designs and staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-man-casual-outfit-showing-shopping-bag-okay-sign-winking-camera-recommending-shop-s_1258-150719.jpg" },
|
||||
{ name: "Tom K.", handle: "@tomk", testimonial: "Affordable yet premium quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23092.jpg" },
|
||||
{ name: "Alice M.", handle: "@alicem", testimonial: "Always found the perfect outfit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-talking-about-what-they-have-bought_329181-8017.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861944.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg", alt: "Customer profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861908.jpg", alt: "Customer profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862122.jpg", alt: "Customer profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861918.jpg", alt: "Customer profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-109880.jpg", alt: "Customer profile" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Timeless Style" },
|
||||
{ type: "text", text: "Modern Elegance" },
|
||||
{ type: "text", text: "Worldwide Shipping" },
|
||||
{ type: "text", text: "Sustainable Fashion" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Ahmed Store"
|
||||
tag="About Us"
|
||||
tagIcon={Info}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout useInvertedBackground={false} title="Welcome to Ahmed Store" tag="About Us" tagIcon={Info} />
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Essential Shirt",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-store-talking-phone_1303-31006.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Denim",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoes-modern-man-city_23-2147961438.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Winter Jacket",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-s-jackets-hangers-clothing-store_169016-23450.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Comfort Sweater",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-wheelchair-user-searching-trendy-clothes-disability-friendly-shop_482257-118540.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Formal Blazer",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-clothes-shop_107420-94822.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Leather Boots",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classy-red-leather-shoes-stand-block-bow-tie_8353-726.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Our latest picks for the season."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Essential Shirt", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-store-talking-phone_1303-31006.jpg" },
|
||||
{ id: "p2", name: "Classic Denim", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/shoes-modern-man-city_23-2147961438.jpg" },
|
||||
{ id: "p3", name: "Winter Jacket", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/children-s-jackets-hangers-clothing-store_169016-23450.jpg" },
|
||||
{ id: "p4", name: "Comfort Sweater", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/male-wheelchair-user-searching-trendy-clothes-disability-friendly-shop_482257-118540.jpg" },
|
||||
{ id: "p5", name: "Formal Blazer", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-clothes-shop_107420-94822.jpg" },
|
||||
{ id: "p6", name: "Leather Boots", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/classy-red-leather-shoes-stand-block-bow-tie_8353-726.jpg" }
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Our latest picks for the season."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardOne
|
||||
animationType="opacity"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p7",
|
||||
name: "Scarf Set",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575387.jpg",
|
||||
},
|
||||
{
|
||||
id: "p8",
|
||||
name: "Cotton Tee",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478950.jpg",
|
||||
},
|
||||
{
|
||||
id: "p9",
|
||||
name: "Summer Shorts",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-winter-city_1157-17460.jpg",
|
||||
},
|
||||
{
|
||||
id: "p10",
|
||||
name: "Silk Tie",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-sweater-wardrobe_23-2151881127.jpg",
|
||||
},
|
||||
{
|
||||
id: "p11",
|
||||
name: "Wool Socks",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-by-building-new-year-mood-lady-black-jacket_1157-40733.jpg",
|
||||
},
|
||||
{
|
||||
id: "p12",
|
||||
name: "Leather Belt",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-s-legs-with-stylish-high-heels-pantyhose_23-2150166099.jpg",
|
||||
},
|
||||
]}
|
||||
title="Browse Our Catalog"
|
||||
description="Explore everything Ahmed Store has to offer."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and great quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/after-successful-shopping-time-good-cup-coffee_329181-1768.jpg" },
|
||||
{ id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Best clothing shop in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353740.jpg" },
|
||||
{ id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "Fantastic designs and staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg" },
|
||||
{ id: "t4", name: "Tom K.", handle: "@tomk", testimonial: "Affordable yet premium quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-surprised-woman-with-shopping-bags_23-2149313433.jpg" },
|
||||
{ id: "t5", name: "Alice M.", handle: "@alicem", testimonial: "Always found the perfect outfit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-female-fashion-designer-holding-hanger-with-stylish-pink-top-while-presenting-new-summer-collection-her-showroom_273609-676.jpg" }
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="What our happy customers say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and great quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/after-successful-shopping-time-good-cup-coffee_329181-1768.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Best clothing shop in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353740.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Fantastic designs and staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom K.",
|
||||
handle: "@tomk",
|
||||
testimonial: "Affordable yet premium quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-surprised-woman-with-shopping-bags_23-2149313433.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "Always found the perfect outfit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-female-fashion-designer-holding-hanger-with-stylish-pink-top-while-presenting-new-summer-collection-her-showroom_273609-676.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
description="What our happy customers say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"100% satisfaction",
|
||||
"Daily new arrivals",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
title: "Styles Weekly",
|
||||
items: [
|
||||
"Top-tier brands",
|
||||
"Curated selection",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
title: "Store Locations",
|
||||
items: [
|
||||
"Expanding quickly",
|
||||
"Available nationwide",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Store Facts"
|
||||
description="Serving thousands of happy shoppers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the return policy?",
|
||||
content: "You can return items within 30 days of purchase.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is shipping available?",
|
||||
content: "Yes, we ship nationwide with tracking.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer alterations?",
|
||||
content: "Alterations are available at select locations.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ahmed Store"
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for fashion updates."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-woman-yellow-dress_23-2147705067.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ahmed Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Account",
|
||||
items: [
|
||||
{
|
||||
label: "Login",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ahmed Store"
|
||||
columns={[
|
||||
{ title: "Support", items: [{ label: "Returns", href: "#" }, { label: "Shipping", href: "#" }] },
|
||||
{ title: "Account", items: [{ label: "Login", href: "#" }, { label: "Sign Up", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user