Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, TrendingDown, Star, ShoppingBag } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -29,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Compare",
|
||||
id: "products",
|
||||
},
|
||||
name: "Compare", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PricePulse"
|
||||
/>
|
||||
@@ -52,112 +45,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Find the Best Price on Your Next Phone"
|
||||
description="Don't overpay for the latest tech. Compare thousands of prices across hundreds of stores in real-time."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=1",
|
||||
imageAlt: "Hero item 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=2",
|
||||
imageAlt: "Hero item 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=3",
|
||||
imageAlt: "Hero item 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=4",
|
||||
imageAlt: "Hero item 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=5",
|
||||
imageAlt: "Hero item 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=6",
|
||||
imageAlt: "Hero item 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 6" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=7",
|
||||
imageAlt: "Hero item 7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=8",
|
||||
imageAlt: "Hero item 8",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=9",
|
||||
imageAlt: "Hero item 9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=10",
|
||||
imageAlt: "Hero item 10",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=11",
|
||||
imageAlt: "Hero item 11",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg?_wi=12",
|
||||
imageAlt: "Hero item 12",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 7" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 8" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 9" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 10" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 11" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", imageAlt: "Hero item 12" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Comparison",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Start Comparison", href: "#products" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-showing-plastic-credit-card-empty-smartphone-screen-look-amuse_1258-120386.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ tech enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Apple",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Samsung",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Google",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Xiaomi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "OnePlus",
|
||||
},
|
||||
{ type: "text", text: "Apple" },
|
||||
{ type: "text", text: "Samsung" },
|
||||
{ type: "text", text: "Google" },
|
||||
{ type: "text", text: "Xiaomi" },
|
||||
{ type: "text", text: "OnePlus" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,28 +91,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Tracking",
|
||||
description: "Get instant notifications when prices drop on your favorite devices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-showing-isolated-chroma-key-help-strategy-planning_482257-126434.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Real-Time Tracking", description: "Get instant notifications when prices drop on your favorite devices.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-showing-isolated-chroma-key-help-strategy-planning_482257-126434.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Historical Analysis",
|
||||
description: "Check price history to see if it's the right time to buy or wait.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871165.jpg",
|
||||
buttonIcon: "TrendingDown",
|
||||
title: "Historical Analysis", description: "Check price history to see if it's the right time to buy or wait.", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871165.jpg", buttonIcon: TrendingDown,
|
||||
},
|
||||
{
|
||||
title: "Detailed Reviews",
|
||||
description: "Make informed choices with expert analysis and aggregated user feedback.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103554.jpg",
|
||||
buttonIcon: "Star",
|
||||
title: "Detailed Reviews", description: "Make informed choices with expert analysis and aggregated user feedback.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103554.jpg", buttonIcon: Star,
|
||||
},
|
||||
{
|
||||
title: "Cross-Store Search",
|
||||
description: "Explore offers from top retailers in one unified platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg?_wi=1",
|
||||
buttonIcon: "ShoppingBag",
|
||||
title: "Cross-Store Search", description: "Explore offers from top retailers in one unified platform.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg", buttonIcon: ShoppingBag,
|
||||
},
|
||||
]}
|
||||
title="Why Choose PricePulse?"
|
||||
@@ -204,42 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Smartphone Pro Max",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-right-side-view-dark-background_187299-35342.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smartphone Elite",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-toolkit-box-with-set-bits-screwdriver-professional-electronic-service-lab_346278-1793.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Smartphone Basic X",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828217.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Smartphone Fold",
|
||||
price: "$1299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-technology-background_23-2148882620.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Smartphone Mini",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-showing-smartphone-screen-mobile-app-interface-standing-beige-background_1258-123050.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Smartphone Ultra",
|
||||
price: "$1099",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Smartphone Pro Max", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-right-side-view-dark-background_187299-35342.jpg" },
|
||||
{ id: "2", name: "Smartphone Elite", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-toolkit-box-with-set-bits-screwdriver-professional-electronic-service-lab_346278-1793.jpg" },
|
||||
{ id: "3", name: "Smartphone Basic X", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828217.jpg" },
|
||||
{ id: "4", name: "Smartphone Fold", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-technology-background_23-2148882620.jpg" },
|
||||
{ id: "5", name: "Smartphone Mini", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-showing-smartphone-screen-mobile-app-interface-standing-beige-background_1258-123050.jpg" },
|
||||
{ id: "6", name: "Smartphone Ultra", price: "$1099", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg" },
|
||||
]}
|
||||
title="Top Trending Devices"
|
||||
description="Discover the latest models and the best prices currently available on the market."
|
||||
@@ -250,21 +131,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often are prices updated?",
|
||||
content: "Prices are updated every hour across all partner retailers to ensure you get the most accurate data.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is the price comparison free?",
|
||||
content: "Yes, PricePulse is completely free for all users.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I set up price alerts?",
|
||||
content: "Absolutely. Just sign up and select the device you're interested in to start receiving alerts.",
|
||||
},
|
||||
{ id: "1", title: "How often are prices updated?", content: "Prices are updated every hour across all partner retailers to ensure you get the most accurate data." },
|
||||
{ id: "2", title: "Is the price comparison free?", content: "Yes, PricePulse is completely free for all users." },
|
||||
{ id: "3", title: "Can I set up price alerts?", content: "Absolutely. Just sign up and select the device you're interested in to start receiving alerts." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to the most common questions about our comparison tools."
|
||||
@@ -275,18 +144,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Need Help Finding a Phone?"
|
||||
description="Our experts are here to help you get the best deal. Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -295,34 +157,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Cookies",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Cookies", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -332,4 +176,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user