Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
268
src/app/page.tsx
268
src/app/page.tsx
@@ -33,87 +33,54 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "features",
|
||||
},
|
||||
name: "Benefits", id: "features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Flixo"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elegance in Every Drop."
|
||||
description="Meet Flixo—the instant, fabric-safe stain remover designed for the modern lifestyle. Keep your family's favorite clothes looking brand new, effortlessly."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-white-pumpkin-still-life_23-2149731221.jpg",
|
||||
alt: "Happy mother portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-white-pumpkin-still-life_23-2149731221.jpg", alt: "Happy mother portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-shot-attractive-joyful-tender-blond-european-woman-elegant-silver-glittering-dress-touch-chin-smiling-interested-listening-friend-talk-conversation-party-red-background_1258-306925.jpg",
|
||||
alt: "Elegant woman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-shot-attractive-joyful-tender-blond-european-woman-elegant-silver-glittering-dress-touch-chin-smiling-interested-listening-friend-talk-conversation-party-red-background_1258-306925.jpg", alt: "Elegant woman smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-talking-phone-with-her-friend_1153-11.jpg",
|
||||
alt: "Woman in modern home",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-talking-phone-with-her-friend_1153-11.jpg", alt: "Woman in modern home"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-lying-bed-with-cup-coffee-using-smartphone_23-2147911493.jpg",
|
||||
alt: "Confident woman portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-lying-bed-with-cup-coffee-using-smartphone_23-2147911493.jpg", alt: "Confident woman portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-with-albinism-posing-studio_23-2150535717.jpg",
|
||||
alt: "Joyful mother portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-with-albinism-posing-studio_23-2150535717.jpg", alt: "Joyful mother portrait"},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000 families"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Flixo",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Flixo", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stain Free",
|
||||
},
|
||||
type: "text", text: "Stain Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gentle Care",
|
||||
},
|
||||
type: "text", text: "Gentle Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Luxury",
|
||||
},
|
||||
type: "text", text: "Modern Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Result",
|
||||
},
|
||||
type: "text", text: "Instant Result"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,19 +93,13 @@ export default function LandingPage() {
|
||||
description="Flixo isn't just a cleaner; it's a precision tool for fabric care. Our crystal-clear formula breaks down stains instantly without harsh chemicals, ensuring your garments remain as luxurious as the day you bought them."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Instant Action",
|
||||
description: "Lifts stains in seconds.",
|
||||
},
|
||||
title: "Instant Action", description: "Lifts stains in seconds."},
|
||||
{
|
||||
title: "Fabric Safe",
|
||||
description: "Gentle on silks and cottons.",
|
||||
},
|
||||
title: "Fabric Safe", description: "Gentle on silks and cottons."},
|
||||
{
|
||||
title: "Crystal Formula",
|
||||
description: "Residue-free and odorless.",
|
||||
},
|
||||
title: "Crystal Formula", description: "Residue-free and odorless."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paintbrush-near-flower_23-2147766583.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paintbrush-near-flower_23-2147766583.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -150,64 +111,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Conscious Formula",
|
||||
description: "Plant-based technology that respects your home.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bottle-with-sponge-brush-green-background_23-2147860250.jpg",
|
||||
},
|
||||
title: "Eco-Conscious Formula", description: "Plant-based technology that respects your home.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bottle-with-sponge-brush-green-background_23-2147860250.jpg", imageAlt: "eco friendly cleaning ingredients"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Non-toxic",
|
||||
},
|
||||
text: "Non-toxic"},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Biodegradable",
|
||||
},
|
||||
text: "Biodegradable"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-product-with-copy-space_23-2148620025.jpg",
|
||||
imageAlt: "eco friendly cleaning ingredients",
|
||||
},
|
||||
{
|
||||
title: "Family Safe",
|
||||
description: "No harsh odors or toxins. Completely safe for kids and pets.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arranging-clothes_23-2148857471.jpg",
|
||||
},
|
||||
title: "Family Safe", description: "No harsh odors or toxins. Completely safe for kids and pets.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arranging-clothes_23-2148857471.jpg", imageAlt: "eco friendly cleaning ingredients"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Dermatologist tested",
|
||||
},
|
||||
text: "Dermatologist tested"},
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Kid-friendly",
|
||||
},
|
||||
text: "Kid-friendly"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paintbrush-near-flower_23-2147766583.jpg?_wi=2",
|
||||
imageAlt: "eco friendly cleaning ingredients",
|
||||
},
|
||||
{
|
||||
title: "Everyday Versatility",
|
||||
description: "Perfect for spills at home or on the go.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128732.jpg",
|
||||
},
|
||||
title: "Everyday Versatility", description: "Perfect for spills at home or on the go.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128732.jpg", imageAlt: "eco friendly cleaning ingredients"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Travel friendly",
|
||||
},
|
||||
text: "Travel friendly"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Instant results",
|
||||
},
|
||||
text: "Instant results"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23454.jpg?_wi=1",
|
||||
imageAlt: "eco friendly cleaning ingredients",
|
||||
},
|
||||
]}
|
||||
title="Designed for Peace of Mind"
|
||||
@@ -223,25 +163,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
title: "Happy Families",
|
||||
description: "Trust in our formula.",
|
||||
icon: Heart,
|
||||
id: "1", value: "10k+", title: "Happy Families", description: "Trust in our formula.", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1M+",
|
||||
title: "Stains Removed",
|
||||
description: "Clean garments daily.",
|
||||
icon: Zap,
|
||||
id: "2", value: "1M+", title: "Stains Removed", description: "Clean garments daily.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
title: "Safety Rating",
|
||||
description: "Highest industry standards.",
|
||||
icon: Award,
|
||||
id: "3", value: "98%", title: "Safety Rating", description: "Highest industry standards.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Proven Quality, Proven Results"
|
||||
@@ -257,59 +185,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Flixo",
|
||||
name: "Signature Bottle",
|
||||
price: "$29",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23454.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Flixo", name: "Signature Bottle", price: "$29", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23454.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Flixo",
|
||||
name: "Refill System",
|
||||
price: "$19",
|
||||
rating: 5,
|
||||
reviewCount: "800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162950.jpg",
|
||||
},
|
||||
id: "p2", brand: "Flixo", name: "Refill System", price: "$19", rating: 5,
|
||||
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162950.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Flixo",
|
||||
name: "Travel Kit",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-furoshiki-packages-arrangement_23-2150274442.jpg",
|
||||
},
|
||||
id: "p3", brand: "Flixo", name: "Travel Kit", price: "$15", rating: 5,
|
||||
reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-furoshiki-packages-arrangement_23-2150274442.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Flixo",
|
||||
name: "Family Bundle",
|
||||
price: "$69",
|
||||
rating: 5,
|
||||
reviewCount: "2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-friendly-cleaning-products-with-baking-soda-lemon_23-2148818440.jpg",
|
||||
},
|
||||
id: "p4", brand: "Flixo", name: "Family Bundle", price: "$69", rating: 5,
|
||||
reviewCount: "2k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-friendly-cleaning-products-with-baking-soda-lemon_23-2148818440.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Flixo",
|
||||
name: "Limited Edition",
|
||||
price: "$35",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-plastic-detergent-bottle_23-2147860207.jpg",
|
||||
},
|
||||
id: "p5", brand: "Flixo", name: "Limited Edition", price: "$35", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/yellow-plastic-detergent-bottle_23-2147860207.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Flixo",
|
||||
name: "Starter Set",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080522.jpg",
|
||||
},
|
||||
id: "p6", brand: "Flixo", name: "Starter Set", price: "$45", rating: 5,
|
||||
reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080522.jpg"},
|
||||
]}
|
||||
title="Shop the Collection"
|
||||
description="Choose your Flixo essentials."
|
||||
@@ -324,25 +216,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-white-calla-lily-flower-put-green-ceramic-vase-sunlight_181624-50885.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-white-calla-lily-flower-put-green-ceramic-vase-sunlight_181624-50885.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-blonde-woman-trendy-silver-wristwatch-posing-with-pleasure-her-birthday-holding-wineglass-charming-girl-with-tanned-skin-drinking-champagne-having-fun-weekend_197531-4296.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-blonde-woman-trendy-silver-wristwatch-posing-with-pleasure-her-birthday-holding-wineglass-charming-girl-with-tanned-skin-drinking-champagne-having-fun-weekend_197531-4296.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-device_23-2149246363.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-device_23-2149246363.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-with-albinism-posing-studio_23-2150535717.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-with-albinism-posing-studio_23-2150535717.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -355,20 +237,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it safe for pets?",
|
||||
content: "Yes, our natural formula is completely pet-safe.",
|
||||
},
|
||||
id: "f1", title: "Is it safe for pets?", content: "Yes, our natural formula is completely pet-safe."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How quickly does it work?",
|
||||
content: "Within seconds of application.",
|
||||
},
|
||||
id: "f2", title: "How quickly does it work?", content: "Within seconds of application."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Does it leave a residue?",
|
||||
content: "No, it leaves no visible trace.",
|
||||
},
|
||||
id: "f3", title: "Does it leave a residue?", content: "No, it leaves no visible trace."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about Flixo."
|
||||
@@ -380,16 +253,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Experience Flixo Today"
|
||||
description="Join our community of families keeping their clothes pristine with ease."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -399,29 +269,19 @@ export default function LandingPage() {
|
||||
logoText="Flixo"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user