Update src/app/page.tsx

This commit is contained in:
2026-06-03 14:06:08 +00:00
parent c95f036d9e
commit 7c1bc9bd35

View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835502.jpg"
brandName="ProductPulse"
@@ -73,45 +57,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Unlock Your Potential with Our Revolutionary Dropshipping Product"
description="Experience unparalleled efficiency and convenience. Our meticulously selected dropshipping product is designed to simplify your life and elevate your business."
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surface-with-face-mask-surgical-gloves_23-2148561108.jpg?_wi=1",
imageAlt: "modern product showcase e-commerce",
},
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surface-with-face-mask-surgical-gloves_23-2148561108.jpg", imageAlt: "modern product showcase e-commerce"},
{
imageSrc: "http://img.b2bpic.net/free-photo/excited-girl-shaking-christmas-present_329181-7239.jpg?_wi=1",
imageAlt: "person unboxing new product joy",
},
imageSrc: "http://img.b2bpic.net/free-photo/excited-girl-shaking-christmas-present_329181-7239.jpg", imageAlt: "person unboxing new product joy"},
{
imageSrc: "http://img.b2bpic.net/free-photo/invoice-billing-information-form-graphic-concept_53876-120123.jpg",
imageAlt: "smartphone with product listing app",
},
imageSrc: "http://img.b2bpic.net/free-photo/invoice-billing-information-form-graphic-concept_53876-120123.jpg", imageAlt: "smartphone with product listing app"},
{
imageSrc: "http://img.b2bpic.net/free-photo/small-business-employees-manage-online-shopping-orders-surrounded-by-huge-racks-with-cargo-boxes_482257-136457.jpg",
imageAlt: "logistics and supply chain management",
},
imageSrc: "http://img.b2bpic.net/free-photo/small-business-employees-manage-online-shopping-orders-surrounded-by-huge-racks-with-cargo-boxes_482257-136457.jpg", imageAlt: "logistics and supply chain management"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-concept_23-2148625664.jpg",
imageAlt: "payment processing online shopping secure",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-concept_23-2148625664.jpg", imageAlt: "payment processing online shopping secure"},
{
imageSrc: "http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg",
imageAlt: "futuristic product showcase technology display",
},
imageSrc: "http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg", imageAlt: "futuristic product showcase technology display"},
]}
mediaAnimation="blur-reveal"
/>
@@ -138,42 +105,23 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Seamless Integration",
description: "Effortlessly integrate our product with your existing workflow, smart home ecosystem, or daily routine for maximum compatibility.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835502.jpg",
imageAlt: "product pulse logo minimal design",
title: "Seamless Integration", description: "Effortlessly integrate our product with your existing workflow, smart home ecosystem, or daily routine for maximum compatibility.", bentoComponent: "reveal-icon", icon: Zap
},
{
title: "Intelligent Automation",
description: "Automate tedious tasks and focus on what truly matters, whether it's growing your business or enjoying more free time.",
bentoComponent: "icon-info-cards",
items: [
title: "Intelligent Automation", description: "Automate tedious tasks and focus on what truly matters, whether it's growing your business or enjoying more free time.", bentoComponent: "icon-info-cards", items: [
{
icon: Cog,
label: "Tasks",
value: "Automated",
},
label: "Tasks", value: "Automated"},
{
icon: Clock,
label: "Time Saved",
value: "70% Annually",
},
label: "Time Saved", value: "70% Annually"},
{
icon: BarChart,
label: "Efficiency",
value: "Boosted by 2X",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surface-with-face-mask-surgical-gloves_23-2148561108.jpg?_wi=2",
imageAlt: "product pulse logo minimal design",
label: "Efficiency", value: "Boosted by 2X"},
]
},
{
title: "Robust Analytics & Insights",
description: "Gain deep insights with comprehensive data and performance metrics, empowering you to make informed decisions effortlessly.",
bentoComponent: "orbiting-icons",
centerIcon: Lightbulb,
title: "Robust Analytics & Insights", description: "Gain deep insights with comprehensive data and performance metrics, empowering you to make informed decisions effortlessly.", bentoComponent: "orbiting-icons", centerIcon: Lightbulb,
items: [
{
icon: BarChart,
@@ -191,9 +139,7 @@ export default function LandingPage() {
icon: Server,
ring: 2,
},
],
imageSrc: "http://img.b2bpic.net/free-photo/excited-girl-shaking-christmas-present_329181-7239.jpg?_wi=2",
imageAlt: "product pulse logo minimal design",
]
},
]}
title="Discover Unmatched Advantages"
@@ -210,47 +156,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Wireless Noise-Canceling Earbuds",
price: "$79.99",
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg",
imageAlt: "sleek wireless earbud case",
},
id: "p1", name: "Wireless Noise-Canceling Earbuds", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg", imageAlt: "sleek wireless earbud case"},
{
id: "p2",
name: "Smart Fitness Tracker Watch",
price: "$129.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-dark-skinned-male-athlete-fixing-mobile-arm-bag-morning-outdoor-workout-session-sea-sports-technology-leisure-concept_176420-19862.jpg",
imageAlt: "smartwatch health tracker device",
},
id: "p2", name: "Smart Fitness Tracker Watch", price: "$129.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-dark-skinned-male-athlete-fixing-mobile-arm-bag-morning-outdoor-workout-session-sea-sports-technology-leisure-concept_176420-19862.jpg", imageAlt: "smartwatch health tracker device"},
{
id: "p3",
name: "Portable USB Humidifier",
price: "$29.99",
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-aroma-diffuser-lily-flowers-closeup_169016-26827.jpg",
imageAlt: "portable mini humidifier for desk",
},
id: "p3", name: "Portable USB Humidifier", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-aroma-diffuser-lily-flowers-closeup_169016-26827.jpg", imageAlt: "portable mini humidifier for desk"},
{
id: "p4",
name: "Fast Wireless Charging Pad",
price: "$49.50",
imageSrc: "http://img.b2bpic.net/free-photo/flatlay-smartphone-accessories_53876-33530.jpg",
imageAlt: "wireless phone charger sleek design",
},
id: "p4", name: "Fast Wireless Charging Pad", price: "$49.50", imageSrc: "http://img.b2bpic.net/free-photo/flatlay-smartphone-accessories_53876-33530.jpg", imageAlt: "wireless phone charger sleek design"},
{
id: "p5",
name: "Smart Temperature Control Mug",
price: "$59.95",
imageSrc: "http://img.b2bpic.net/free-photo/man-pours-hot-tea-from-thermos-mug-closeup_8353-6674.jpg",
imageAlt: "smart coffee mug temperature control",
},
id: "p5", name: "Smart Temperature Control Mug", price: "$59.95", imageSrc: "http://img.b2bpic.net/free-photo/man-pours-hot-tea-from-thermos-mug-closeup_8353-6674.jpg", imageAlt: "smart coffee mug temperature control"},
{
id: "p6",
name: "Mini Portable HD Projector",
price: "$199.00",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477064.jpg",
imageAlt: "mini portable projector home theater",
},
id: "p6", name: "Mini Portable HD Projector", price: "$199.00", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477064.jpg", imageAlt: "mini portable projector home theater"},
]}
title="Our Featured Products"
description="Browse our curated selection of high-demand dropshipping products. We prioritize quality and high conversion potential to elevate your offerings."
@@ -264,63 +180,30 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Standard",
price: "$79",
name: "Essential Pack",
buttons: [
id: "basic", badge: "Standard", price: "$79", name: "Essential Pack", buttons: [
{
text: "Buy Now",
href: "#contact",
},
text: "Buy Now", href: "#contact"},
],
features: [
"1x Featured Product",
"Standard Shipping",
"15-Day Return Policy",
"Basic Customer Support",
],
"1x Featured Product", "Standard Shipping", "15-Day Return Policy", "Basic Customer Support"],
},
{
id: "pro",
badge: "Popular Choice",
badgeIcon: Star,
price: "$129",
name: "Premium Bundle",
buttons: [
id: "pro", badge: "Popular Choice", badgeIcon: Star,
price: "$129", name: "Premium Bundle", buttons: [
{
text: "Buy Now",
href: "#contact",
},
text: "Buy Now", href: "#contact"},
],
features: [
"2x Featured Products",
"Expedited Shipping",
"30-Day Return Policy",
"Priority Customer Support",
"Exclusive Access to Guides",
],
"2x Featured Products", "Expedited Shipping", "30-Day Return Policy", "Priority Customer Support", "Exclusive Access to Guides"],
},
{
id: "enterprise",
badge: "Best Value",
badgeIcon: Award,
price: "$199",
name: "Ultimate Collection",
buttons: [
id: "enterprise", badge: "Best Value", badgeIcon: Award,
price: "$199", name: "Ultimate Collection", buttons: [
{
text: "Buy Now",
href: "#contact",
},
text: "Buy Now", href: "#contact"},
],
features: [
"3x Featured Products",
"Free Express Shipping",
"60-Day Return Policy",
"24/7 Premium Support",
"Personalized Product Recommendations",
"Extended Warranty",
],
"3x Featured Products", "Free Express Shipping", "60-Day Return Policy", "24/7 Premium Support", "Personalized Product Recommendations", "Extended Warranty"],
},
]}
title="Flexible Product Options"
@@ -335,45 +218,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarah_drops",
testimonial: "This product has completely changed my dropshipping game. High quality and amazing conversions!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
imageAlt: "happy businesswoman smiling corporate",
},
id: "t1", name: "Sarah J.", handle: "@sarah_drops", testimonial: "This product has completely changed my dropshipping game. High quality and amazing conversions!", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg", imageAlt: "happy businesswoman smiling corporate"},
{
id: "t2",
name: "Michael C.",
handle: "@mike_ecommerce",
testimonial: "Incredible value for money. The shipping was fast, and the customer support is top-notch. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-man-black-board-with-text-successful_176420-2907.jpg",
imageAlt: "male startup founder confident happy",
},
id: "t2", name: "Michael C.", handle: "@mike_ecommerce", testimonial: "Incredible value for money. The shipping was fast, and the customer support is top-notch. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-man-black-board-with-text-successful_176420-2907.jpg", imageAlt: "male startup founder confident happy"},
{
id: "t3",
name: "Emily R.",
handle: "@emily_shop",
testimonial: "I was skeptical at first, but this product exceeded all my expectations. My customers love it, and so do I!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
imageAlt: "female marketing manager satisfied",
},
id: "t3", name: "Emily R.", handle: "@emily_shop", testimonial: "I was skeptical at first, but this product exceeded all my expectations. My customers love it, and so do I!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "female marketing manager satisfied"},
{
id: "t4",
name: "David K.",
handle: "@david_digital",
testimonial: "The sleek design and functionality are unmatched. It's a must-have for anyone serious about quality dropshipping.",
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-with-beard-using-laptop-night-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-28133.jpg",
imageAlt: "product manager thoughtful portrait",
},
id: "t4", name: "David K.", handle: "@david_digital", testimonial: "The sleek design and functionality are unmatched. It's a must-have for anyone serious about quality dropshipping.", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-with-beard-using-laptop-night-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-28133.jpg", imageAlt: "product manager thoughtful portrait"},
{
id: "t5",
name: "Jessica L.",
handle: "@jessica_ventures",
testimonial: "ProductPulse delivered exceptional service and a fantastic product. My online store has seen a significant boost in sales.",
imageSrc: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg",
imageAlt: "female e-commerce specialist smiling",
},
id: "t5", name: "Jessica L.", handle: "@jessica_ventures", testimonial: "ProductPulse delivered exceptional service and a fantastic product. My online store has seen a significant boost in sales.", imageSrc: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg", imageAlt: "female e-commerce specialist smiling"},
]}
title="What Our Customers Say"
description="Hear directly from our satisfied customers who have transformed their daily lives and businesses with our innovative dropshipping products."
@@ -385,20 +238,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What is dropshipping?",
content: "Dropshipping is a retail fulfillment method where a store doesn't keep the products it sells in stock. Instead, when a store sells a product, it purchases the item from a third party and has it shipped directly to the customer.",
},
id: "faq1", title: "What is dropshipping?", content: "Dropshipping is a retail fulfillment method where a store doesn't keep the products it sells in stock. Instead, when a store sells a product, it purchases the item from a third party and has it shipped directly to the customer."},
{
id: "faq2",
title: "How long does shipping take?",
content: "Shipping times vary depending on your location and the specific product. Typically, orders are delivered within 7-14 business days. You will receive a tracking number once your order ships.",
},
id: "faq2", title: "How long does shipping take?", content: "Shipping times vary depending on your location and the specific product. Typically, orders are delivered within 7-14 business days. You will receive a tracking number once your order ships."},
{
id: "faq3",
title: "What is your return policy?",
content: "We offer a 30-day satisfaction guarantee. If you're not happy with your purchase, you can return it within 30 days for a full refund or exchange. Please refer to our detailed return policy for more information.",
},
id: "faq3", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee. If you're not happy with your purchase, you can return it within 30 days for a full refund or exchange. Please refer to our detailed return policy for more information."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find quick answers to the most common questions about our dropshipping product and services. If you can't find what you're looking for, feel free to contact us."
@@ -413,28 +257,17 @@ export default function LandingPage() {
description="Have questions, need assistance, or interested in bulk orders? Reach out to our dedicated team, and we'll be happy to help you with anything you need."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "subject",
type: "text",
placeholder: "Subject",
required: true,
name: "subject", type: "text", placeholder: "Subject", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your message...",
rows: 4,
name: "message", placeholder: "Your message...", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-people-recording-podcast_23-2149455544.jpg"
@@ -448,54 +281,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Products",
href: "#products",
},
label: "Products", href: "#products"},
{
label: "Pricing",
href: "#pricing",
},
label: "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"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Shipping Info",
href: "#",
},
label: "Shipping Info", href: "#"},
{
label: "Return Policy",
href: "#",
},
label: "Return Policy", href: "#"},
],
},
]}