Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
267
src/app/page.tsx
267
src/app/page.tsx
@@ -33,90 +33,57 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NutriVault Warehouse"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Order Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Trusted Supplement Warehouse"
|
||||
description="Access premium-grade performance supplements at wholesale prices. Fast shipping and guaranteed quality for every fitness goal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Catalog", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/some-pills-pill-bottle-dark-wooden-background-top-view-space-text_176474-1746.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/some-pills-pill-bottle-dark-wooden-background-top-view-space-text_176474-1746.jpg"
|
||||
imageAlt="supplement bottles warehouse"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/covid19-vaccine-vials-top-view_23-2148963977.jpg",
|
||||
alt: "Covid19 vaccine vials top view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/covid19-vaccine-vials-top-view_23-2148963977.jpg", alt: "Covid19 vaccine vials top view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760092.jpg",
|
||||
alt: "Brain booster pills container still life",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760092.jpg", alt: "Brain booster pills container still life"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760082.jpg",
|
||||
alt: "Brain booster pills container still life",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760082.jpg", alt: "Brain booster pills container still life"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-brown-medicine-bottles_53876-142850.jpg",
|
||||
alt: "Vintage brown medicine bottles",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-brown-medicine-bottles_53876-142850.jpg", alt: "Vintage brown medicine bottles"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/shield-with-check-mark-leaf_78370-9107.jpg",
|
||||
alt: "Shield With Check Mark Leaf",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/shield-with-check-mark-leaf_78370-9107.jpg", alt: "Shield With Check Mark Leaf"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ happy athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "GMP Certified",
|
||||
},
|
||||
type: "text", text: "GMP Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lab Tested",
|
||||
},
|
||||
type: "text", text: "Lab Tested"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grade",
|
||||
},
|
||||
type: "text", text: "Premium Grade"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wholesale Prices",
|
||||
},
|
||||
type: "text", text: "Wholesale Prices"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,44 +95,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "GMP Certified",
|
||||
description: "Rigorous manufacturing standards.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-cruelty-free-badges_23-2148803347.jpg",
|
||||
imageAlt: "quality ingredients icon",
|
||||
title: "GMP Certified", description: "Rigorous manufacturing standards.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Lab Tested",
|
||||
description: "Every product verified for purity.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-pills-pill-bottle-dark-wooden-background-top-view-space-text_176474-1746.jpg?_wi=2",
|
||||
imageAlt: "quality ingredients icon",
|
||||
title: "Lab Tested", description: "Every product verified for purity.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Warehouse-to-door in 48h.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980047.jpg?_wi=1",
|
||||
imageAlt: "quality ingredients icon",
|
||||
title: "Fast Shipping", description: "Warehouse-to-door in 48h.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly",
|
||||
description: "Sustainably sourced ingredients.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-healthy-lifestyle-fitness-concept-cheerful-girl-s_197531-30690.jpg?_wi=1",
|
||||
imageAlt: "quality ingredients icon",
|
||||
title: "Eco-Friendly", description: "Sustainably sourced ingredients.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Encrypted and safe checkout.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Lock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980070.jpg?_wi=1",
|
||||
imageAlt: "quality ingredients icon",
|
||||
title: "Secure Payments", description: "Encrypted and safe checkout.", bentoComponent: "reveal-icon", icon: Lock,
|
||||
},
|
||||
]}
|
||||
title="Built for Results"
|
||||
@@ -181,41 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Whey Isolate",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980047.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Whey Isolate", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980047.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Creatine Monohydrate",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980070.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Creatine Monohydrate", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980070.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Multivitamin",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-black-supplement-bottles-minimalist-style_187299-46172.jpg",
|
||||
},
|
||||
id: "p3", name: "Multivitamin", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/two-black-supplement-bottles-minimalist-style_187299-46172.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "BCAA Fuel",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769493.jpg",
|
||||
},
|
||||
id: "p4", name: "BCAA Fuel", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769493.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Omega-3",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760084.jpg",
|
||||
},
|
||||
id: "p5", name: "Omega-3", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760084.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pre-Workout",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-woman-holding-bottle-posing_176420-995.jpg",
|
||||
},
|
||||
id: "p6", name: "Pre-Workout", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-woman-holding-bottle-posing_176420-995.jpg"},
|
||||
]}
|
||||
title="Top Selling Supplements"
|
||||
description="Industry-leading formulas at unbeatable prices."
|
||||
@@ -229,37 +147,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$150",
|
||||
subtitle: "Monthly starter pack",
|
||||
features: [
|
||||
"10% discount",
|
||||
"Standard shipping",
|
||||
"Email support",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$150", subtitle: "Monthly starter pack", features: [
|
||||
"10% discount", "Standard shipping", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$400",
|
||||
subtitle: "Recommended for gyms",
|
||||
features: [
|
||||
"25% discount",
|
||||
"Free priority shipping",
|
||||
"Dedicated account rep",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$400", subtitle: "Recommended for gyms", features: [
|
||||
"25% discount", "Free priority shipping", "Dedicated account rep"],
|
||||
},
|
||||
{
|
||||
id: "bulk",
|
||||
badge: "Warehouse",
|
||||
price: "$950",
|
||||
subtitle: "For distributors",
|
||||
features: [
|
||||
"40% discount",
|
||||
"Same-day dispatch",
|
||||
"Bulk inventory tracking",
|
||||
],
|
||||
id: "bulk", badge: "Warehouse", price: "$950", subtitle: "For distributors", features: [
|
||||
"40% discount", "Same-day dispatch", "Bulk inventory tracking"],
|
||||
},
|
||||
]}
|
||||
title="Bulk Savings Tiers"
|
||||
@@ -275,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
description: "Bottles shipped",
|
||||
},
|
||||
id: "m1", value: "50k+", description: "Bottles shipped"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k+",
|
||||
description: "Happy customers",
|
||||
},
|
||||
id: "m2", value: "12k+", description: "Happy customers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Quality satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Quality satisfaction"},
|
||||
]}
|
||||
title="Warehouse Performance"
|
||||
description="Proven results for thousands of athletes."
|
||||
@@ -302,40 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Personal Trainer",
|
||||
testimonial: "Best quality I've found in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-healthy-lifestyle-fitness-concept-cheerful-girl-s_197531-30690.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Personal Trainer", testimonial: "Best quality I've found in years.", imageSrc: "http://img.b2bpic.net/free-photo/sport-healthy-lifestyle-fitness-concept-cheerful-girl-s_197531-30690.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Athlete",
|
||||
testimonial: "Reliable warehouse, fast delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-rae-african-american-woman-has-rest-her-workout-breathing-deep-body-parts_633478-2160.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah J.", role: "Athlete", testimonial: "Reliable warehouse, fast delivery.", imageSrc: "http://img.b2bpic.net/free-photo/mixed-rae-african-american-woman-has-rest-her-workout-breathing-deep-body-parts_633478-2160.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D.",
|
||||
role: "Bodybuilder",
|
||||
testimonial: "Great bulk prices, pure products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-young-woman-standing-beach_23-2147944600.jpg",
|
||||
},
|
||||
id: "t3", name: "Mike D.", role: "Bodybuilder", testimonial: "Great bulk prices, pure products.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-young-woman-standing-beach_23-2147944600.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emma L.",
|
||||
role: "Nutritionist",
|
||||
testimonial: "My go-to source for clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-3780.jpg",
|
||||
},
|
||||
id: "t4", name: "Emma L.", role: "Nutritionist", testimonial: "My go-to source for clients.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-3780.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David K.",
|
||||
role: "Gym Owner",
|
||||
testimonial: "Warehouse support is top notch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
},
|
||||
id: "t5", name: "David K.", role: "Gym Owner", testimonial: "Warehouse support is top notch.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg"},
|
||||
]}
|
||||
title="Trusted by Pros"
|
||||
description="Hear what our fitness partners say about us."
|
||||
@@ -347,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is shipping free?",
|
||||
content: "Free shipping on orders over $100.",
|
||||
},
|
||||
id: "q1", title: "Is shipping free?", content: "Free shipping on orders over $100."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are products lab tested?",
|
||||
content: "Yes, all products undergo third-party testing.",
|
||||
},
|
||||
id: "q2", title: "Are products lab tested?", content: "Yes, all products undergo third-party testing."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How to bulk order?",
|
||||
content: "Contact us via the bulk order page or account rep.",
|
||||
},
|
||||
id: "q3", title: "How to bulk order?", content: "Contact us via the bulk order page or account rep."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -371,14 +225,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to stock up? Get in touch with our team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@nutrivault.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@nutrivault.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -387,29 +238,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Bulk Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Bulk Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user