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