Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -28,18 +28,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="CompareHub"
|
||||
/>
|
||||
@@ -47,64 +38,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Shop Smarter, Compare Everywhere"
|
||||
description="Compare prices, features, and ratings across top ecommerce platforms in real-time. Everything you need to make the best purchase decision, all in one place."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Comparing",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Comparing", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg"
|
||||
imageAlt="CompareHub interface preview"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/busy-young-attractive-smiling-man-sitting-co-working-open-office-holding-laptop_285396-1768.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/busy-young-attractive-smiling-man-sitting-co-working-open-office-holding-laptop_285396-1768.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ shoppers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Amazon",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "eBay",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Walmart",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BestBuy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Target",
|
||||
},
|
||||
{ type: "text", text: "Amazon" },
|
||||
{ type: "text", text: "eBay" },
|
||||
{ type: "text", text: "Walmart" },
|
||||
{ type: "text", text: "BestBuy" },
|
||||
{ type: "text", text: "Target" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,47 +68,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Tracking",
|
||||
description: "Stay updated with price shifts across Amazon, eBay, and more.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg?_wi=2",
|
||||
imageAlt: "ecommerce price comparison dashboard",
|
||||
},
|
||||
{
|
||||
title: "Unified Experience",
|
||||
description: "View all platform offerings in a single, intuitive interface.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=3",
|
||||
imageAlt: "data sync dashboard UI",
|
||||
},
|
||||
{
|
||||
title: "Expert Ratings",
|
||||
description: "In-depth analysis and user reviews consolidated for clarity.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jfl83k&_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jfl83k&_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg?_wi=3",
|
||||
imageAlt: "real-time pricing alerts UI",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Built for Serious Shoppers"
|
||||
description="CompareHub provides powerful tools to ensure you get the absolute best price and service."
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Tracking", description: "Stay updated with price shifts across Amazon, eBay, and more.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Unified Experience", description: "View all platform offerings in a single, intuitive interface.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Expert Ratings", description: "In-depth analysis and user reviews consolidated for clarity.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jfl83k" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jfl83k" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,59 +96,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TechPro",
|
||||
name: "Wireless Pro Headphones",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-fitness-smiling-woman-green-sports-clothing-with-pink-hair-young-beautiful-model-with-perfect-bodyfemale-posing-street-near-white-walllistening-music-wireless-headphones_158538-21629.jpg",
|
||||
},
|
||||
id: "p1", brand: "TechPro", name: "Wireless Pro Headphones", price: "$199", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/closeup-fitness-smiling-woman-green-sports-clothing-with-pink-hair-young-beautiful-model-with-perfect-bodyfemale-posing-street-near-white-walllistening-music-wireless-headphones_158538-21629.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "FitTech",
|
||||
name: "Smart Fitness Watch",
|
||||
price: "$249",
|
||||
rating: 4,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2149235415.jpg",
|
||||
},
|
||||
id: "p2", brand: "FitTech", name: "Smart Fitness Watch", price: "$249", rating: 4,
|
||||
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2149235415.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Apex",
|
||||
name: "Pro Ultra Laptop",
|
||||
price: "$1299",
|
||||
rating: 5,
|
||||
reviewCount: "3.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-computer-technology-with-monitor-hardware_23-2149506839.jpg",
|
||||
},
|
||||
id: "p3", brand: "Apex", name: "Pro Ultra Laptop", price: "$1299", rating: 5,
|
||||
reviewCount: "3.5k", imageSrc: "http://img.b2bpic.net/free-photo/retro-computer-technology-with-monitor-hardware_23-2149506839.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Vision",
|
||||
name: "DSLR Professional Camera",
|
||||
price: "$899",
|
||||
rating: 4,
|
||||
reviewCount: "560",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-photographer-accessories-equipments-arranged-blue-backdrop_23-2148038901.jpg",
|
||||
},
|
||||
id: "p4", brand: "Vision", name: "DSLR Professional Camera", price: "$899", rating: 4,
|
||||
reviewCount: "560", imageSrc: "http://img.b2bpic.net/free-photo/professional-photographer-accessories-equipments-arranged-blue-backdrop_23-2148038901.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "PlayBox",
|
||||
name: "Gaming Console X",
|
||||
price: "$499",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-optical-glasses-holds-controller-pink_141793-93312.jpg",
|
||||
},
|
||||
id: "p5", brand: "PlayBox", name: "Gaming Console X", price: "$499", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-optical-glasses-holds-controller-pink_141793-93312.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "MobileZ",
|
||||
name: "Smartphone Elite",
|
||||
price: "$799",
|
||||
rating: 4,
|
||||
reviewCount: "4.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-tempered-glass-phone-16-pro-max_187299-46129.jpg",
|
||||
},
|
||||
id: "p6", brand: "MobileZ", name: "Smartphone Elite", price: "$799", rating: 4,
|
||||
reviewCount: "4.2k", imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-tempered-glass-phone-16-pro-max_187299-46129.jpg"},
|
||||
]}
|
||||
title="Trending Products"
|
||||
description="Compare top items currently dominating the charts."
|
||||
@@ -229,13 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Amazon",
|
||||
"eBay",
|
||||
"Walmart",
|
||||
"BestBuy",
|
||||
"Target",
|
||||
]}
|
||||
names={["Amazon", "eBay", "Walmart", "BestBuy", "Target"]}
|
||||
title="Supported Platforms"
|
||||
description="We aggregate data from the world's most trusted ecommerce giants."
|
||||
/>
|
||||
@@ -246,46 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Saved me so much money!",
|
||||
quote: "The comparison engine is incredibly fast and intuitive.",
|
||||
name: "Sarah Miller",
|
||||
role: "Budget Shopper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Essential for techies.",
|
||||
quote: "I never buy electronics without checking CompareHub first.",
|
||||
name: "David Park",
|
||||
role: "Tech Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-young-attractive-smiling-man-sitting-co-working-open-office-holding-laptop_285396-1768.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Total game changer.",
|
||||
quote: "Consolidating all my favorite platforms into one app is brilliant.",
|
||||
name: "Emily Chen",
|
||||
role: "Digital Marketer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Very reliable service.",
|
||||
quote: "Accurate pricing and excellent cross-platform insights.",
|
||||
name: "Mark Stevens",
|
||||
role: "Retail Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly recommended.",
|
||||
quote: "Simple, clean, and saves me hours of research time.",
|
||||
name: "Jessica Wright",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Saved me so much money!", quote: "The comparison engine is incredibly fast and intuitive.", name: "Sarah Miller", role: "Budget Shopper", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg" },
|
||||
{ id: "t2", title: "Essential for techies.", quote: "I never buy electronics without checking CompareHub first.", name: "David Park", role: "Tech Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/busy-young-attractive-smiling-man-sitting-co-working-open-office-holding-laptop_285396-1768.jpg" },
|
||||
{ id: "t3", title: "Total game changer.", quote: "Consolidating all my favorite platforms into one app is brilliant.", name: "Emily Chen", role: "Digital Marketer", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg" },
|
||||
{ id: "t4", title: "Very reliable service.", quote: "Accurate pricing and excellent cross-platform insights.", name: "Mark Stevens", role: "Retail Manager", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" },
|
||||
{ id: "t5", title: "Highly recommended.", quote: "Simple, clean, and saves me hours of research time.", name: "Jessica Wright", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg" },
|
||||
]}
|
||||
title="Trusted by Millions"
|
||||
description="See why shoppers switch to CompareHub."
|
||||
@@ -297,45 +150,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160270.jpg"
|
||||
logoText="CompareHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "API", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 CompareHub Inc."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user