2 Commits

Author SHA1 Message Date
0b9da77dea Merge version_2 into main
Merge version_2 into main
2026-04-08 19:00:18 +00:00
dc52a90fe9 Update src/app/page.tsx 2026-04-08 19:00:15 +00:00

View File

@@ -9,9 +9,14 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Headphones, Zap } from "lucide-react"; import { Headphones, Zap, CreditCard } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
const handleCheckout = (productId: string) => {
console.log(`Processing payment for product: ${productId}`);
alert("Redirecting to secure checkout...");
};
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
@@ -30,17 +35,11 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Shop", name: "Shop", id: "#products"},
id: "#products",
},
{ {
name: "Delivery", name: "Delivery", id: "#delivery"},
id: "#delivery",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="CoolBreeze" brandName="CoolBreeze"
/> />
@@ -49,63 +48,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Stay Cool with CoolBreeze" title="Stay Cool with CoolBreeze"
description="Premium fans delivered to your door in 2-5 days. Shop our range of energy-efficient cooling solutions." description="Premium fans delivered to your door in 2-5 days. Shop our range of energy-efficient cooling solutions."
buttons={[ buttons={[
{ {
text: "Shop Now", text: "Shop Now", href: "#products"},
href: "#products",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/girl-sitting-drinking-coffee-bedroom_1150-23239.jpg" imageSrc="http://img.b2bpic.net/free-photo/girl-sitting-drinking-coffee-bedroom_1150-23239.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808052.jpg", src: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808052.jpg", alt: "Customer 1"},
alt: "Customer 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-small-heater_23-2149335107.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-small-heater_23-2149335107.jpg", alt: "Customer 2"},
alt: "Customer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108352.jpg", src: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108352.jpg", alt: "Customer 3"},
alt: "Customer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29773.jpg", src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29773.jpg", alt: "Customer 4"},
alt: "Customer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/typewriter-near-blackboard-fan_23-2147823744.jpg", src: "http://img.b2bpic.net/free-photo/typewriter-near-blackboard-fan_23-2147823744.jpg", alt: "Customer 5"},
alt: "Customer 5",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "2-5 Day Delivery"},
text: "2-5 Day Delivery", {
type: "text-icon", text: "Energy Efficient", icon: Zap,
}, },
{ {
type: "text-icon", type: "text", text: "Premium Build Quality"},
text: "Energy Efficient", {
icon: Zap, type: "text-icon", text: "UK Based Support", icon: Headphones,
}, },
{ {
type: "text", type: "text", text: "Money Back Guarantee"},
text: "Premium Build Quality",
},
{
type: "text-icon",
text: "UK Based Support",
icon: Headphones,
},
{
type: "text",
text: "Money Back Guarantee",
},
]} ]}
/> />
</div> </div>
@@ -118,62 +94,32 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", brand: "CoolBreeze", name: "Tower Fan", price: "£28.99", rating: 5,
brand: "CoolBreeze", reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808052.jpg", onProductClick: () => handleCheckout("1")
name: "Tower Fan",
price: "£28.99",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808052.jpg",
}, },
{ {
id: "2", id: "2", brand: "CoolBreeze", name: "USB Desk Fan", price: "£12.99", rating: 5,
brand: "CoolBreeze", reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-small-heater_23-2149335107.jpg", onProductClick: () => handleCheckout("2")
name: "USB Desk Fan",
price: "£12.99",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-small-heater_23-2149335107.jpg",
}, },
{ {
id: "3", id: "3", brand: "CoolBreeze", name: "Pedestal Fan", price: "£22.99", rating: 5,
brand: "CoolBreeze", reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108352.jpg", onProductClick: () => handleCheckout("3")
name: "Pedestal Fan",
price: "£22.99",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108352.jpg",
}, },
{ {
id: "4", id: "4", brand: "CoolBreeze", name: "Bladeless Neck Fan", price: "£16.99", rating: 5,
brand: "CoolBreeze", reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29773.jpg", onProductClick: () => handleCheckout("4")
name: "Bladeless Neck Fan",
price: "£16.99",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29773.jpg",
}, },
{ {
id: "5", id: "5", brand: "CoolBreeze", name: "Retro Table Fan", price: "£19.99", rating: 5,
brand: "CoolBreeze", reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/typewriter-near-blackboard-fan_23-2147823744.jpg", onProductClick: () => handleCheckout("5")
name: "Retro Table Fan",
price: "£19.99",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/typewriter-near-blackboard-fan_23-2147823744.jpg",
}, },
{ {
id: "6", id: "6", brand: "CoolBreeze", name: "Clip-on USB Fan", price: "£9.99", rating: 5,
brand: "CoolBreeze", reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/old-device-studio_23-2150756325.jpg", onProductClick: () => handleCheckout("6")
name: "Clip-on USB Fan",
price: "£9.99",
rating: 5,
reviewCount: "7",
imageSrc: "http://img.b2bpic.net/free-photo/old-device-studio_23-2150756325.jpg",
}, },
]} ]}
title="Our Fan Collection" title="Our Fan Collection"
description="Browse our curated selection of high-performance cooling fans." description="Browse our curated selection of high-performance cooling fans. Click any item to proceed to secure checkout."
/> />
</div> </div>
@@ -186,54 +132,24 @@ export default function LandingPage() {
description="Quality cooling solutions designed for your comfort and convenience." description="Quality cooling solutions designed for your comfort and convenience."
features={[ features={[
{ {
id: "f1", id: "f1", label: "Shipping", title: "Fast UK Delivery", items: [
label: "Shipping", "2-5 business days", "Real-time tracking", "Free UK shipping"],
title: "Fast UK Delivery",
items: [
"2-5 business days",
"Real-time tracking",
"Free UK shipping",
],
}, },
{ {
id: "f2", id: "f2", label: "Build", title: "Premium Quality", items: [
label: "Build", "Robust motors", "Minimalist design", "Eco-friendly materials"],
title: "Premium Quality",
items: [
"Robust motors",
"Minimalist design",
"Eco-friendly materials",
],
}, },
{ {
id: "f3", id: "f3", label: "Service", title: "Dedicated Support", items: [
label: "Service", "UK-based team", "Easy returns", "24/7 online help"],
title: "Dedicated Support",
items: [
"UK-based team",
"Easy returns",
"24/7 online help",
],
}, },
{ {
id: "f4", id: "f4", label: "Tech", title: "Silent Operation", items: [
label: "Tech", "Advanced blades", "Low decibel output", "Quiet night mode"],
title: "Silent Operation",
items: [
"Advanced blades",
"Low decibel output",
"Quiet night mode",
],
}, },
{ {
id: "f5", id: "f5", label: "Efficiency", title: "Energy Saving", items: [
label: "Efficiency", "Low power consumption", "Efficient cooling", "Sustainable tech"],
title: "Energy Saving",
items: [
"Low power consumption",
"Efficient cooling",
"Sustainable tech",
],
}, },
]} ]}
/> />
@@ -246,12 +162,7 @@ export default function LandingPage() {
title="Trusted by Thousands" title="Trusted by Thousands"
description="Join our community of happy customers enjoying a cooler home." description="Join our community of happy customers enjoying a cooler home."
names={[ names={[
"HomeTech Weekly", "HomeTech Weekly", "UK Living", "Design Daily", "Modern Interiors", "Cooling Pros"]}
"UK Living",
"Design Daily",
"Modern Interiors",
"Cooling Pros",
]}
/> />
</div> </div>
@@ -259,8 +170,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Support" tag="Support"
title="Need Help?" title="Need Help?"
description="Have questions about your order or delivery? Our UK-based support team is here to help." description="Have questions about your order or delivery? Our UK-based support team is here to help."
@@ -272,42 +182,27 @@ export default function LandingPage() {
logoText="CoolBreeze" logoText="CoolBreeze"
columns={[ columns={[
{ {
title: "Store", title: "Store", items: [
items: [
{ {
label: "Shop", label: "Shop", href: "#products"},
href: "#products",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Delivery", title: "Delivery", items: [
items: [
{ {
label: "2-5 Day UK Delivery", label: "2-5 Day UK Delivery", href: "#"},
href: "#",
},
{ {
label: "Tracking", label: "Tracking", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}