Update src/app/page.tsx
This commit is contained in:
179
src/app/page.tsx
179
src/app/page.tsx
@@ -28,7 +28,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -40,9 +40,7 @@ export default function HomePage() {
|
||||
brandName="PriceMatch"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Start Comparing",
|
||||
href: "https://example.com/compare",
|
||||
}}
|
||||
text: "Start Comparing", href: "https://example.com/compare"}}
|
||||
className="fixed top-4 right-4 z-50"
|
||||
buttonClassName="bg-gradient-to-r from-red-600 to-red-500 hover:shadow-lg transition-shadow"
|
||||
/>
|
||||
@@ -56,44 +54,28 @@ export default function HomePage() {
|
||||
tag="Smart Shopping"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-modern-price-comparison-dashboard-show-1773327823174-62626362.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-modern-price-comparison-dashboard-show-1773327823174-62626362.png"
|
||||
imageAlt="Price comparison dashboard showing multiple platform prices"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rajesh Kumar",
|
||||
handle: "Saved ₹15,000/month",
|
||||
testimonial: "Finally found a tool that shows me the real cheapest option. Game changer!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822409-3988e503.png?_wi=1",
|
||||
},
|
||||
name: "Rajesh Kumar", handle: "Saved ₹15,000/month", testimonial: "Finally found a tool that shows me the real cheapest option. Game changer!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822409-3988e503.png"},
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "Delhi based shopper",
|
||||
testimonial: "Comparing Blinkit vs Zepto prices is now instant. Love the delivery fee inclusion!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822000-a15b4947.png?_wi=1",
|
||||
},
|
||||
name: "Priya Sharma", handle: "Delhi based shopper", testimonial: "Comparing Blinkit vs Zepto prices is now instant. Love the delivery fee inclusion!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822000-a15b4947.png"},
|
||||
{
|
||||
name: "Amit Singh",
|
||||
handle: "Regular grocery buyer",
|
||||
testimonial: "The price drop alerts are incredible. I never overpay anymore.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822072-df569fba.png?_wi=1",
|
||||
},
|
||||
name: "Amit Singh", handle: "Regular grocery buyer", testimonial: "The price drop alerts are incredible. I never overpay anymore.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822072-df569fba.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Comparing Now",
|
||||
href: "https://example.com/search",
|
||||
},
|
||||
text: "Start Comparing Now", href: "https://example.com/search"},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Watch Demo", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -109,46 +91,22 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Price Tracking",
|
||||
description: "Live updates from 10+ platforms including Amazon, Flipkart, Blinkit, and Zepto",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-close-up-of-a-smartphone-screen-showin-1773327823973-12fd1912.png?_wi=1",
|
||||
imageAlt: "Real-time price tracking interface",
|
||||
buttonIcon: TrendingDown,
|
||||
title: "Real-Time Price Tracking", description: "Live updates from 10+ platforms including Amazon, Flipkart, Blinkit, and Zepto", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-close-up-of-a-smartphone-screen-showin-1773327823973-12fd1912.png", imageAlt: "Real-time price tracking interface", buttonIcon: TrendingDown,
|
||||
},
|
||||
{
|
||||
title: "Instant Price Comparisons",
|
||||
description: "See side-by-side pricing with delivery fees and estimated arrival times included",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-side-by-side-comparison-table-on-a-des-1773327825727-c7451b6e.png?_wi=1",
|
||||
imageAlt: "Side-by-side price comparison view",
|
||||
buttonIcon: BarChart3,
|
||||
title: "Instant Price Comparisons", description: "See side-by-side pricing with delivery fees and estimated arrival times included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-side-by-side-comparison-table-on-a-des-1773327825727-c7451b6e.png", imageAlt: "Side-by-side price comparison view", buttonIcon: BarChart3,
|
||||
},
|
||||
{
|
||||
title: "Location-Based Pricing",
|
||||
description: "Pincode-specific prices because rates vary wildly across Delhi, Bangalore, Mumbai and beyond",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-map-interface-showing-india-with-pins--1773327822753-d2754f4f.png?_wi=1",
|
||||
imageAlt: "Map showing location-based pricing",
|
||||
buttonIcon: MapPin,
|
||||
title: "Location-Based Pricing", description: "Pincode-specific prices because rates vary wildly across Delhi, Bangalore, Mumbai and beyond", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-map-interface-showing-india-with-pins--1773327822753-d2754f4f.png", imageAlt: "Map showing location-based pricing", buttonIcon: MapPin,
|
||||
},
|
||||
{
|
||||
title: "Price Drop Alerts",
|
||||
description: "Get notified instantly when your favorite products drop in price",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-smartphone-notification-showing-a-pric-1773327822607-895cbcfe.png?_wi=1",
|
||||
imageAlt: "Price alert notification interface",
|
||||
buttonIcon: Bell,
|
||||
title: "Price Drop Alerts", description: "Get notified instantly when your favorite products drop in price", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-smartphone-notification-showing-a-pric-1773327822607-895cbcfe.png", imageAlt: "Price alert notification interface", buttonIcon: Bell,
|
||||
},
|
||||
{
|
||||
title: "Category Deep Dives",
|
||||
description: "Groceries, electronics, fashion, and services all compared in dedicated views",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-grid-of-product-category-icons-includi-1773327823363-ebeb3a8f.png?_wi=1",
|
||||
imageAlt: "Product category comparison interface",
|
||||
buttonIcon: Grid,
|
||||
title: "Category Deep Dives", description: "Groceries, electronics, fashion, and services all compared in dedicated views", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-grid-of-product-category-icons-includi-1773327823363-ebeb3a8f.png", imageAlt: "Product category comparison interface", buttonIcon: Grid,
|
||||
},
|
||||
{
|
||||
title: "One-Click Checkout",
|
||||
description: "Direct affiliate links to the cheapest option with no extra steps",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-simplified-checkout-flow-showing-one-c-1773327825024-0f8f808a.png?_wi=1",
|
||||
imageAlt: "One-click checkout flow",
|
||||
buttonIcon: ShoppingCart,
|
||||
title: "One-Click Checkout", description: "Direct affiliate links to the cheapest option with no extra steps", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-simplified-checkout-flow-showing-one-c-1773327825024-0f8f808a.png", imageAlt: "One-click checkout flow", buttonIcon: ShoppingCart,
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -165,25 +123,13 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "₹50 Cr+",
|
||||
description: "Total savings across all users in the last 12 months through smart price comparisons",
|
||||
},
|
||||
id: "1", value: "₹50 Cr+", description: "Total savings across all users in the last 12 months through smart price comparisons"},
|
||||
{
|
||||
id: "2",
|
||||
value: "10M+",
|
||||
description: "Products tracked in real-time across all major Indian e-commerce platforms daily",
|
||||
},
|
||||
id: "2", value: "10M+", description: "Products tracked in real-time across all major Indian e-commerce platforms daily"},
|
||||
{
|
||||
id: "3",
|
||||
value: "5-12%",
|
||||
description: "Average price difference found between platforms on identical products and baskets",
|
||||
},
|
||||
id: "3", value: "5-12%", description: "Average price difference found between platforms on identical products and baskets"},
|
||||
{
|
||||
id: "4",
|
||||
value: "95%",
|
||||
description: "Accuracy rate in product matching and price normalization across platforms",
|
||||
},
|
||||
id: "4", value: "95%", description: "Accuracy rate in product matching and price normalization across platforms"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -198,15 +144,7 @@ export default function HomePage() {
|
||||
tag="Community"
|
||||
tagAnimation="slide-up"
|
||||
names={[
|
||||
"Amazon India",
|
||||
"Flipkart",
|
||||
"Blinkit",
|
||||
"Zepto",
|
||||
"Swiggy Instamart",
|
||||
"BigBasket",
|
||||
"JioMart",
|
||||
"Urban Company",
|
||||
]}
|
||||
"Amazon India", "Flipkart", "Blinkit", "Zepto", "Swiggy Instamart", "BigBasket", "JioMart", "Urban Company"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
@@ -219,35 +157,17 @@ export default function HomePage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Neha Patel",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822280-e1ad0197.png",
|
||||
},
|
||||
id: "1", name: "Neha Patel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822280-e1ad0197.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vikram Sharma",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822244-2cf01f90.png",
|
||||
},
|
||||
id: "2", name: "Vikram Sharma", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822244-2cf01f90.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anjali Gupta",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822504-24507e70.png",
|
||||
},
|
||||
id: "3", name: "Anjali Gupta", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822504-24507e70.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rahul Verma",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822232-ba1729a6.png",
|
||||
},
|
||||
id: "4", name: "Rahul Verma", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822232-ba1729a6.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Disha Kulkarni",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822426-06c01495.png",
|
||||
},
|
||||
id: "5", name: "Disha Kulkarni", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327822426-06c01495.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Arjun Singh",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327821885-ac8bd39d.png",
|
||||
},
|
||||
id: "6", name: "Arjun Singh", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-professional-headshot-of-a-smiling-ind-1773327821885-ac8bd39d.png"},
|
||||
]}
|
||||
cardTitle="Over 50,000 shoppers now use PriceMatch to save money every single day"
|
||||
cardTag="User Testimonials"
|
||||
@@ -266,35 +186,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often are prices updated?",
|
||||
content: "Prices for quick-commerce apps (Blinkit, Zepto) are updated every 10-15 minutes as they change hourly based on inventory and demand. Amazon and Flipkart prices are updated hourly. All updates happen automatically in the background.",
|
||||
},
|
||||
id: "1", title: "How often are prices updated?", content: "Prices for quick-commerce apps (Blinkit, Zepto) are updated every 10-15 minutes as they change hourly based on inventory and demand. Amazon and Flipkart prices are updated hourly. All updates happen automatically in the background."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Does PriceMatch include delivery fees?",
|
||||
content: "Yes! Our comparison includes all delivery fees, minimum order amounts, and surge pricing where applicable. The total cost shown is what you'll actually pay at checkout, including any location-based surcharges.",
|
||||
},
|
||||
id: "2", title: "Does PriceMatch include delivery fees?", content: "Yes! Our comparison includes all delivery fees, minimum order amounts, and surge pricing where applicable. The total cost shown is what you'll actually pay at checkout, including any location-based surcharges."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Which platforms does PriceMatch cover?",
|
||||
content: "We currently track Amazon India, Flipkart, Blinkit, Zepto, Swiggy Instamart, BigBasket, JioMart, and Urban Company. We're adding more platforms monthly. Check our platform page for the latest coverage.",
|
||||
},
|
||||
id: "3", title: "Which platforms does PriceMatch cover?", content: "We currently track Amazon India, Flipkart, Blinkit, Zepto, Swiggy Instamart, BigBasket, JioMart, and Urban Company. We're adding more platforms monthly. Check our platform page for the latest coverage."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is PriceMatch free to use?",
|
||||
content: "Yes, basic price comparison is completely free. We earn through affiliate commissions when you click 'Buy at lowest price' - you pay the same price, and we get a small commission from the platform.",
|
||||
},
|
||||
id: "4", title: "Is PriceMatch free to use?", content: "Yes, basic price comparison is completely free. We earn through affiliate commissions when you click 'Buy at lowest price' - you pay the same price, and we get a small commission from the platform."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How accurate is the product matching?",
|
||||
content: "We use AI-powered matching with 95% accuracy. We match products by GTIN/barcode, brand, size, and specifications. If you spot a mismatch, you can report it and we manually verify within 24 hours.",
|
||||
},
|
||||
id: "5", title: "How accurate is the product matching?", content: "We use AI-powered matching with 95% accuracy. We match products by GTIN/barcode, brand, size, and specifications. If you spot a mismatch, you can report it and we manually verify within 24 hours."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I set price alerts for specific products?",
|
||||
content: "Yes! Create an account, search for any product, and click 'Alert me when price drops.' We'll notify you via email and SMS when that product drops below your target price on any platform.",
|
||||
},
|
||||
id: "6", title: "Can I set price alerts for specific products?", content: "Yes! Create an account, search for any product, and click 'Alert me when price drops.' We'll notify you via email and SMS when that product drops below your target price on any platform."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -306,14 +208,13 @@ export default function HomePage() {
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-vibrant-overhead-shot-of-shopping-bags-1773327822490-b5c9a626.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqkmeCOj2DrEFyYdtrRqQmsEsb/a-vibrant-overhead-shot-of-shopping-bags-1773327822490-b5c9a626.png"
|
||||
imageAlt="Shopping and savings background"
|
||||
logoText="PriceMatch"
|
||||
copyrightText="© 2025 PriceMatch. Empowering Indian shoppers to save smarter."
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{ label: "How It Works", href: "#features" },
|
||||
{ label: "Supported Platforms", href: "#platforms" },
|
||||
{ label: "Categories", href: "#categories" },
|
||||
@@ -321,8 +222,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog & Insights", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
@@ -330,8 +230,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#privacy" },
|
||||
{ label: "Terms of Service", href: "#terms" },
|
||||
{ label: "Disclosure", href: "#disclosure" },
|
||||
|
||||
Reference in New Issue
Block a user