Merge version_2 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -32,26 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Gear",
|
||||
id: "products",
|
||||
},
|
||||
name: "Gear", id: "products"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Login", href: "/login"}}
|
||||
brandName="DadGear Co"
|
||||
/>
|
||||
</div>
|
||||
@@ -59,59 +49,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Gear Built for Real Dads"
|
||||
description="Discover gadgets, tools, and gifts that dads actually want. Fast shipping, secure checkout, and a loyalty program that rewards you for every purchase."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg",
|
||||
alt: "professional man portrait modern",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg", alt: "professional man portrait modern"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-daughter-father-looking-photographer_23-2148349787.jpg",
|
||||
alt: "smiling father portrait outdoor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-daughter-father-looking-photographer_23-2148349787.jpg", alt: "smiling father portrait outdoor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
|
||||
alt: "business man smart casual portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", alt: "business man smart casual portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-child-his-father-s-shoulders-park_23-2147636985.jpg",
|
||||
alt: "friendly dad portrait garden",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-child-his-father-s-shoulders-park_23-2147636985.jpg", alt: "friendly dad portrait garden"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-going-work-with-coffee_158595-4703.jpg",
|
||||
alt: "confident man portrait city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-going-work-with-coffee_158595-4703.jpg", alt: "confident man portrait city"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Dad Gear Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Dad Gear Now", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Loyalty Rewards",
|
||||
},
|
||||
type: "text", text: "Loyalty Rewards"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Checkout",
|
||||
},
|
||||
type: "text", text: "Secure Checkout"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dad Approved",
|
||||
},
|
||||
type: "text", text: "Dad Approved"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,18 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for ",
|
||||
},
|
||||
type: "text", content: "Built for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/metal-texture-with-gears_1048-4831.jpg",
|
||||
alt: "engineer working on mechanical gear",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/metal-texture-with-gears_1048-4831.jpg", alt: "engineer working on mechanical gear"},
|
||||
{
|
||||
type: "text",
|
||||
content: " the Everyday Dad",
|
||||
},
|
||||
type: "text", content: " the Everyday Dad"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,34 +104,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Reliability",
|
||||
title: "Verified Quality",
|
||||
items: [
|
||||
"Sourced via Teemdrop",
|
||||
"Quality checked",
|
||||
"Durable materials",
|
||||
],
|
||||
id: "f1", label: "Reliability", title: "Verified Quality", items: [
|
||||
"Sourced via Teemdrop", "Quality checked", "Durable materials"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Rewards",
|
||||
title: "Loyalty Program",
|
||||
items: [
|
||||
"Earn points per purchase",
|
||||
"Exclusive member offers",
|
||||
"Easy point redemption",
|
||||
],
|
||||
id: "f2", label: "Rewards", title: "Loyalty Program", items: [
|
||||
"Earn points per purchase", "Exclusive member offers", "Easy point redemption"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Speed",
|
||||
title: "Fast Fulfillment",
|
||||
items: [
|
||||
"Real-time tracking",
|
||||
"Automated processing",
|
||||
"Global shipping",
|
||||
],
|
||||
id: "f3", label: "Speed", title: "Fast Fulfillment", items: [
|
||||
"Real-time tracking", "Automated processing", "Global shipping"],
|
||||
},
|
||||
]}
|
||||
title="Why DadGear Co?"
|
||||
@@ -187,47 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Precision Multitool",
|
||||
price: "$45.00",
|
||||
variant: "Black/Silver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-devices-near-accessories_23-2148067670.jpg",
|
||||
},
|
||||
id: "p1", name: "Precision Multitool (Bestseller)", price: "$45.00", variant: "Black/Silver", imageSrc: "http://img.b2bpic.net/free-photo/male-devices-near-accessories_23-2148067670.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Rugged Smartwatch",
|
||||
price: "$129.00",
|
||||
variant: "Midnight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-hands-wearing-wrist-watch_171337-11789.jpg",
|
||||
},
|
||||
id: "p2", name: "Rugged Smartwatch", price: "$129.00", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-hands-wearing-wrist-watch_171337-11789.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Commuter Backpack",
|
||||
price: "$85.00",
|
||||
variant: "Grey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-traveling-with-backpack-autumn-forest-wearing-warm-jacket-hat-active-tourist-exploring-nature-cold-season_285396-1541.jpg",
|
||||
},
|
||||
id: "p3", name: "Commuter Backpack (Limited Stock)", price: "$85.00", variant: "Grey", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-traveling-with-backpack-autumn-forest-wearing-warm-jacket-hat-active-tourist-exploring-nature-cold-season_285396-1541.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rapid Power Bank",
|
||||
price: "$39.00",
|
||||
variant: "Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/usb-type-c-port-warm-neon-scene-tech-macro_169016-71583.jpg",
|
||||
},
|
||||
id: "p4", name: "Rapid Power Bank", price: "$39.00", variant: "Blue", imageSrc: "http://img.b2bpic.net/free-photo/usb-type-c-port-warm-neon-scene-tech-macro_169016-71583.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Auto Toolkit",
|
||||
price: "$150.00",
|
||||
variant: "Pro Kit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-surfboard_23-2148926869.jpg",
|
||||
},
|
||||
id: "p5", name: "Auto Toolkit (Bestseller)", price: "$150.00", variant: "Pro Kit", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-surfboard_23-2148926869.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Portable Speaker",
|
||||
price: "$60.00",
|
||||
variant: "Outdoor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-smart-speaker-table_23-2149036844.jpg",
|
||||
},
|
||||
id: "p6", name: "Portable Speaker (Limited Stock)", price: "$60.00", variant: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/composition-smart-speaker-table_23-2149036844.jpg"},
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="Our top-rated gadgets and tools for dads on the go."
|
||||
@@ -241,20 +153,11 @@ export default function LandingPage() {
|
||||
tag="Trusted by Dads"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Dads",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Dads"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Gear Items",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Gear Items"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -268,45 +171,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
role: "Dad of 3",
|
||||
company: "Verified Buyer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-black-jacket_23-2147955449.jpg",
|
||||
},
|
||||
id: "1", name: "Mark R.", role: "Dad of 3", company: "Verified Buyer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-black-jacket_23-2147955449.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dave L.",
|
||||
role: "Weekend Hobbyist",
|
||||
company: "Pro Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-smiling-father-outdoors-with-his-little-son_171337-17018.jpg",
|
||||
},
|
||||
id: "2", name: "Dave L.", role: "Weekend Hobbyist", company: "Pro Reviewer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-smiling-father-outdoors-with-his-little-son_171337-17018.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam K.",
|
||||
role: "Outdoorsman",
|
||||
company: "Loyal Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg",
|
||||
},
|
||||
id: "3", name: "Sam K.", role: "Outdoorsman", company: "Loyal Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Paul M.",
|
||||
role: "Tech Dad",
|
||||
company: "Verified Buyer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-having-fun-park_23-2148201602.jpg",
|
||||
},
|
||||
id: "4", name: "Paul M.", role: "Tech Dad", company: "Verified Buyer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-having-fun-park_23-2148201602.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John D.",
|
||||
role: "DIYer",
|
||||
company: "Verified Buyer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-going-work-with-coffee_158595-4703.jpg",
|
||||
},
|
||||
id: "5", name: "John D.", role: "DIYer", company: "Verified Buyer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-going-work-with-coffee_158595-4703.jpg"},
|
||||
]}
|
||||
title="Hear from our Dads"
|
||||
description="See why thousands of dads trust us with their gear."
|
||||
@@ -319,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "fq1",
|
||||
title: "How does shipping work?",
|
||||
content: "Orders are processed within 24 hours and routed through our automated network for quick delivery.",
|
||||
},
|
||||
id: "fq1", title: "How does shipping work?", content: "Orders are processed within 24 hours and routed through our automated network for quick delivery."},
|
||||
{
|
||||
id: "fq2",
|
||||
title: "What is the loyalty program?",
|
||||
content: "Earn points on every dollar spent and redeem them for exclusive discounts on your next order.",
|
||||
},
|
||||
id: "fq2", title: "What is the loyalty program?", content: "Earn points on every dollar spent and redeem them for exclusive discounts on your next order."},
|
||||
{
|
||||
id: "fq3",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, our automated returns workflow makes exchanges and refunds seamless.",
|
||||
},
|
||||
id: "fq3", title: "Can I return items?", content: "Yes, our automated returns workflow makes exchanges and refunds seamless."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Got questions? We've got answers about shipping, loyalty, and gear."
|
||||
@@ -344,16 +213,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to gear up?"
|
||||
description="Have questions about an order or need a recommendation? Our support team is here for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@dadgearco.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@dadgearco.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user