Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -23,10 +23,10 @@ export default function LandingPage() {
|
||||
contentWidth="smallMedium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -51,36 +51,21 @@ export default function LandingPage() {
|
||||
<HeroCentered
|
||||
background={{
|
||||
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."
|
||||
title="Luxury Care, Instantly."
|
||||
description="Introducing Flixo—the premium, fabric-safe stain remover. Elevate your laundry ritual with the perfect balance of elegance and efficacy."
|
||||
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/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/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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D31ex4B8awMagXSUgOMj62MHvX/uploaded-1778170830738-rjvckics.png", alt: "Flixo 100ml Product" },
|
||||
{ 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"},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000 families"
|
||||
avatarText="The choice for premium wardrobe care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Flixo", href: "#products"},
|
||||
{ text: "Shop the 100ml Bottle", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Eco-Friendly"},
|
||||
{
|
||||
type: "text", text: "Stain Free"},
|
||||
{
|
||||
type: "text", text: "Gentle Care"},
|
||||
{
|
||||
type: "text", text: "Modern Luxury"},
|
||||
{
|
||||
type: "text", text: "Instant Result"},
|
||||
{ type: "text", text: "Fabric Safe" },
|
||||
{ type: "text", text: "Luxury Formula" },
|
||||
{ type: "text", text: "Instant Results" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,17 +74,14 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Mastering the Art of Cleaning"
|
||||
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."
|
||||
title="Purity in a Bottle"
|
||||
description="Our 100ml Flixo bottle embodies our commitment to luxury and performance. Compact enough for the modern traveler, powerful enough for any unexpected mess, and elegant enough to display on your vanity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Instant Action", description: "Lifts stains in seconds."},
|
||||
{
|
||||
title: "Fabric Safe", description: "Gentle on silks and cottons."},
|
||||
{
|
||||
title: "Crystal Formula", description: "Residue-free and odorless."},
|
||||
{ title: "Sophisticated Design", description: "A bottle crafted for modern aesthetics." },
|
||||
{ title: "Precise Application", description: "Targeted care for every thread." },
|
||||
{ title: "Uncompromising Quality", description: "Our cleanest formula to date." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paintbrush-near-flower_23-2147766583.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D31ex4B8awMagXSUgOMj62MHvX/uploaded-1778170830738-rjvckics.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -111,47 +93,13 @@ 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", imageAlt: "eco friendly cleaning ingredients"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Non-toxic"},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Biodegradable"},
|
||||
],
|
||||
title: "Designed for Luxury", description: "The 100ml Flixo bottle is engineered for ease, fitting perfectly in your lifestyle.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D31ex4B8awMagXSUgOMj62MHvX/uploaded-1778170830738-rjvckics.png", imageAlt: "Flixo 100ml Bottle" },
|
||||
items: [{ icon: Sparkles, text: "Ergonomic grip" }, { icon: Leaf, text: "Refillable" }],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Kid-friendly"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Instant results"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
}
|
||||
]}
|
||||
title="Designed for Peace of Mind"
|
||||
description="Safety meets efficiency in every bottle. Flixo is developed to be as kind to the environment as it is to your family."
|
||||
title="Precision Care"
|
||||
description="Experience the perfect marriage of design and function."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,18 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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: "3", value: "98%", title: "Safety Rating", description: "Highest industry standards.", icon: Award,
|
||||
},
|
||||
{ id: "1", value: "100ml", title: "Compact Size", description: "Ready for anywhere.", icon: Sparkles },
|
||||
{ id: "2", value: "1M+", title: "Stains Removed", description: "Proven efficacy.", icon: Zap },
|
||||
{ id: "3", value: "98%", title: "Safety Rating", description: "Fabric safe.", icon: ShieldCheck },
|
||||
]}
|
||||
title="Proven Quality, Proven Results"
|
||||
description="We are proud of the impact Flixo has on thousands of households."
|
||||
title="Quality Standards"
|
||||
description="Flixo combines technical performance with luxury design."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -184,48 +126,20 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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"},
|
||||
{
|
||||
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: "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: "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: "p1", brand: "Flixo", name: "Signature 100ml Bottle", price: "$29", rating: 5, reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D31ex4B8awMagXSUgOMj62MHvX/uploaded-1778170830738-rjvckics.png" },
|
||||
]}
|
||||
title="Shop the Collection"
|
||||
description="Choose your Flixo essentials."
|
||||
title="Shop Flixo"
|
||||
description="Discover our signature 100ml collection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Flixo saved my favorite silk dress from an evening mishap. It works like magic—completely disappeared without a trace. I can't imagine my laundry routine without it now."
|
||||
testimonial="Flixo is the first stain remover that I actually want to keep out on my vanity. It's beautiful and works instantly."
|
||||
rating={5}
|
||||
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/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/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"},
|
||||
]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/top-view-white-calla-lily-flower-put-green-ceramic-vase-sunlight_181624-50885.jpg", alt: "Customer" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -235,16 +149,9 @@ export default function LandingPage() {
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Does it leave a residue?", content: "No, it leaves no visible trace."},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "Is the bottle refillable?", content: "Yes, our 100ml bottle is designed to be eco-friendly and refillable." }]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about Flixo."
|
||||
description="Answers regarding the Flixo experience."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -252,43 +159,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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"},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Exclusive"
|
||||
title="Own the Flixo Experience"
|
||||
description="Elevate your care routine today."
|
||||
buttons={[{ text: "Shop 100ml Now", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Flixo"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Flixo Inc. All rights reserved."
|
||||
columns={[{ title: "Links", items: [{ label: "Shop", href: "#products" }] }]}
|
||||
copyrightText="© 2025 Flixo Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user