Merge version_1 into main #3
180
src/app/page.tsx
180
src/app/page.tsx
@@ -26,122 +26,82 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "FAQ", id: "/faq"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Dropfinder"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Dropfinder"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Dropfinder"
|
||||
description="Discover the latest trending products and unbeatable deals across all your favorite niches. Your ultimate discovery destination starts here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "/shop"},
|
||||
{
|
||||
text: "Find Your Deal", href: "/shop"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup_1203-6706.jpg"
|
||||
imageAlt="ecommerce product photography clean"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Dropfinder"
|
||||
description="Discover the latest trending products and unbeatable deals across all your favorite niches. Your ultimate discovery destination starts here."
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
{ text: "Find Your Deal", href: "/shop" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup_1203-6706.jpg"
|
||||
imageAlt="ecommerce product photography clean"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bestsellers" data-section="bestsellers">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Wireless Audio Pro", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17226.jpg"},
|
||||
{
|
||||
id: "2", name: "Artisan Ceramic Vase", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-decorative-details-candles_169016-23146.jpg"},
|
||||
{
|
||||
id: "3", name: "Classic Chronograph Watch", price: "$189.00", imageSrc: "http://img.b2bpic.net/free-photo/accessories-skincare-products_23-2147710691.jpg"},
|
||||
{
|
||||
id: "4", name: "Pet Grooming Hub", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/pet-accessories-still-life-concept-with-grooming-objects-food_23-2148949582.jpg"},
|
||||
{
|
||||
id: "5", name: "Leather Nomad Backpack", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveling-essentials-collection_23-2149185292.jpg"},
|
||||
{
|
||||
id: "6", name: "ErgoSmart Desk Lamp", price: "$79.00", imageSrc: "http://img.b2bpic.net/free-photo/view-contemporary-photorealistic-lamp_23-2151038913.jpg"},
|
||||
]}
|
||||
title="Trending Bestsellers"
|
||||
description="Products everyone is talking about this week."
|
||||
/>
|
||||
</div>
|
||||
<div id="bestsellers" data-section="bestsellers">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Wireless Audio Pro", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17226.jpg" },
|
||||
{ id: "2", name: "Artisan Ceramic Vase", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-decorative-details-candles_169016-23146.jpg" },
|
||||
{ id: "3", name: "Classic Chronograph Watch", price: "$189.00", imageSrc: "http://img.b2bpic.net/free-photo/accessories-skincare-products_23-2147710691.jpg" },
|
||||
{ id: "4", name: "Pet Grooming Hub", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/pet-accessories-still-life-concept-with-grooming-objects-food_23-2148949582.jpg" },
|
||||
{ id: "5", name: "Leather Nomad Backpack", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveling-essentials-collection_23-2149185292.jpg" },
|
||||
{ id: "6", name: "ErgoSmart Desk Lamp", price: "$79.00", imageSrc: "http://img.b2bpic.net/free-photo/view-contemporary-photorealistic-lamp_23-2151038913.jpg" },
|
||||
]}
|
||||
title="Trending Bestsellers"
|
||||
description="Products everyone is talking about this week."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Shop With Dropfinder"
|
||||
metrics={[
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Fast Delivery", value: "24-48h"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Secure Checkout", value: "100%"},
|
||||
{
|
||||
icon: RotateCcw,
|
||||
label: "Easy Returns", value: "30 Days"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Shop With Dropfinder"
|
||||
metrics={[
|
||||
{ icon: Truck, label: "Fast Delivery", value: "24-48h" },
|
||||
{ icon: ShieldCheck, label: "Secure Checkout", value: "100%" },
|
||||
{ icon: RotateCcw, label: "Easy Returns", value: "30 Days" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCartItem item={{ id: "default", name: "Sample Item", price: "0.00" }} />
|
||||
</div>
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCartItem item={{ id: "default", name: "Sample Item", price: "0.00", quantity: 1, imageSrc: "" }} />
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection layout="footer" title="Legal Information" sections={[]} />
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All", href: "/shop"},
|
||||
{
|
||||
label: "New Arrivals", href: "/shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "FAQ", href: "/faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Dropfinder"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Shop All", href: "/shop" }, { label: "New Arrivals", href: "/shop" }] },
|
||||
{ items: [{ label: "About Us", href: "/about" }, { label: "FAQ", href: "/faq" }] },
|
||||
{ items: [{ label: "Contact", href: "/contact" }, { label: "Returns", href: "#" }] },
|
||||
]}
|
||||
logoText="Dropfinder"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user