Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-18 09:50:16 +00:00

View File

@@ -28,356 +28,167 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="FAAB"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="FAAB"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "plain",
}}
title="Nature's Purity for Your Hair"
description="Discover FAAB, the authentic Kuwaiti shampoo crafted entirely from natural ingredients to restore your hair's natural vitality."
imageSrc="http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg?_wi=1"
imageAlt="FAAB Natural Shampoo"
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "Learn More",
href: "#about",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-arrangement_23-2149440647.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994251.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-ecological-zero-waster-concept_23-2148591716.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440669.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253090.jpg",
alt: "Customer 5",
},
]}
avatarText="Trusted by 10,000+ happy customers in Kuwait"
marqueeItems={[
{
type: "text",
text: "100% Organic",
},
{
type: "text",
text: "Sulfate-Free",
},
{
type: "text",
text: "Cruelty-Free",
},
{
type: "text",
text: "Kuwaiti Craftsmanship",
},
{
type: "text",
text: "Eco-Friendly",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "plain" }}
title="Nature's Purity for Your Hair"
description="Discover FAAB, the authentic Kuwaiti shampoo crafted entirely from natural ingredients to restore your hair's natural vitality."
imageSrc="http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg"
imageAlt="FAAB Natural Shampoo"
buttons={[
{ text: "Shop Now", href: "#products" },
{ text: "Learn More", href: "#about" },
]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-arrangement_23-2149440647.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994251.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/front-view-ecological-zero-waster-concept_23-2148591716.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440669.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253090.jpg", alt: "Customer 5" },
]}
avatarText="Trusted by 10,000+ happy customers in Kuwait"
marqueeItems={[
{ type: "text", text: "100% Organic" },
{ type: "text", text: "Sulfate-Free" },
{ type: "text", text: "Cruelty-Free" },
{ type: "text", text: "Kuwaiti Craftsmanship" },
{ type: "text", text: "Eco-Friendly" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Kuwaiti Craftsmanship"
description="FAAB was born in Kuwait with a simple mission: to provide the finest quality natural hair care. We believe in the power of nature, sourcing only the purest ingredients to ensure your hair receives the care it truly deserves."
imageSrc="http://img.b2bpic.net/free-photo/red-flower-glass-water-with-ink_23-2149372231.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Kuwaiti Craftsmanship"
description="FAAB was born in Kuwait with a simple mission: to provide the finest quality natural hair care. We believe in the power of nature, sourcing only the purest ingredients to ensure your hair receives the care it truly deserves."
imageSrc="http://img.b2bpic.net/free-photo/red-flower-glass-water-with-ink_23-2149372231.jpg"
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Essential Shampoo",
price: "12.00 KWD",
variant: "Normal Hair",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-set-layout-plain-background_23-2148241932.jpg?_wi=1",
},
{
id: "p2",
name: "Revitalizing Oil",
price: "15.00 KWD",
variant: "Dry Hair",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992109.jpg",
},
{
id: "p3",
name: "Botanical Wash",
price: "10.00 KWD",
variant: "Oily Hair",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480160.jpg",
},
{
id: "p4",
name: "Deep Repair",
price: "14.00 KWD",
variant: "Damaged Hair",
imageSrc: "http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781951.jpg",
},
{
id: "p5",
name: "Scalp Relief",
price: "13.00 KWD",
variant: "Sensitive Scalp",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721413.jpg",
},
{
id: "p6",
name: "Daily Shine",
price: "11.00 KWD",
variant: "All Types",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242179.jpg",
},
]}
title="Our Pure Collection"
description="Hand-picked natural formulas for every hair type."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Essential Shampoo", price: "12.00 KWD", variant: "Normal Hair", imageSrc: "http://img.b2bpic.net/free-photo/beauty-set-layout-plain-background_23-2148241932.jpg" },
{ id: "p2", name: "Revitalizing Oil", price: "15.00 KWD", variant: "Dry Hair", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992109.jpg" },
{ id: "p3", name: "Botanical Wash", price: "10.00 KWD", variant: "Oily Hair", imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480160.jpg" },
{ id: "p4", name: "Deep Repair", price: "14.00 KWD", variant: "Damaged Hair", imageSrc: "http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781951.jpg" },
{ id: "p5", name: "Scalp Relief", price: "13.00 KWD", variant: "Sensitive Scalp", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721413.jpg" },
{ id: "p6", name: "Daily Shine", price: "11.00 KWD", variant: "All Types", imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242179.jpg" },
]}
title="Our Pure Collection"
description="Hand-picked natural formulas for every hair type."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "100% Natural",
description: "No sulfates, no parabens, just pure ingredients.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-bowl-orchid_169016-2199.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-body-care-massage-products_23-2147844992.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg?_wi=2",
imageAlt: "natural ingredients herbal organic",
},
{
title: "Kuwaiti Origin",
description: "Proudly formulated in Kuwait with the highest local standards.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-various-beauty-care-products-sea-shells_23-2147845011.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/wooden-brush-honey-oats-himalayan-rock-salt-essential-oil-bottle-with-primula-flowers-vase-concrete-background_23-2148087704.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/red-flower-glass-water-with-ink_23-2149372231.jpg?_wi=2",
imageAlt: "natural ingredients herbal organic",
},
{
title: "Eco Friendly",
description: "Sustainable packaging and cruelty-free processes.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-composition-with-healthy-ingredients_23-2147859417.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/from-brunette-sleeping-with-flowers_23-2147781260.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/beauty-set-layout-plain-background_23-2148241932.jpg?_wi=2",
imageAlt: "natural ingredients herbal organic",
},
]}
showStepNumbers={false}
title="Why Choose FAAB"
description="Pure ingredients, zero compromises."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "100% Natural", description: "No sulfates, no parabens, just pure ingredients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-bowl-orchid_169016-2199.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-body-care-massage-products_23-2147844992.jpg" }
},
{
title: "Kuwaiti Origin", description: "Proudly formulated in Kuwait with the highest local standards.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-various-beauty-care-products-sea-shells_23-2147845011.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/wooden-brush-honey-oats-himalayan-rock-salt-essential-oil-bottle-with-primula-flowers-vase-concrete-background_23-2148087704.jpg" }
},
{
title: "Eco Friendly", description: "Sustainable packaging and cruelty-free processes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-composition-with-healthy-ingredients_23-2147859417.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/from-brunette-sleeping-with-flowers_23-2147781260.jpg" }
},
]}
showStepNumbers={false}
title="Why Choose FAAB"
description="Pure ingredients, zero compromises."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10K+",
title: "Satisfied Customers",
items: [
"Happy clients",
"Active users",
],
},
{
id: "m2",
value: "50+",
title: "Natural Extracts",
items: [
"Premium oils",
"Rare herbs",
],
},
{
id: "m3",
value: "100%",
title: "Satisfaction",
items: [
"Money back guarantee",
"Quality tested",
],
},
]}
title="Our Impact"
description="Join our community of happy hair lovers."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "10K+", title: "Satisfied Customers", items: ["Happy clients", "Active users"] },
{ id: "m2", value: "50+", title: "Natural Extracts", items: ["Premium oils", "Rare herbs"] },
{ id: "m3", value: "100%", title: "Satisfaction", items: ["Money back guarantee", "Quality tested"] },
]}
title="Our Impact"
description="Join our community of happy hair lovers."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Fatima A.",
handle: "@fatima",
testimonial: "My hair has never felt healthier! FAAB is simply amazing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-caucasian-woman-with-light-natural-make-up-red-mini-dress_343596-3793.jpg",
},
{
id: "2",
name: "Noor M.",
handle: "@noor",
testimonial: "Natural and refreshing. Finally, a shampoo that works for me.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-european-tanned-woman-with-short-curly-hair-summer-romantic-long-sleeve-dress-dress-outside-villa_343596-1562.jpg",
},
{
id: "3",
name: "Sara H.",
handle: "@sara",
testimonial: "Love the smell and the ingredients. Very authentic brand.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-lady-with-wavy-hair-wearing-blue-sweater-posing-touching-her-hair-park_291650-593.jpg",
},
{
id: "4",
name: "Layla K.",
handle: "@layla",
testimonial: "My hair is so shiny now. Definitely recommend FAAB.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairstyling-smiling-young-woman-demonstrating-hairstyling-tips_259150-60121.jpg",
},
{
id: "5",
name: "Huda A.",
handle: "@huda",
testimonial: "Great quality shampoo. Proud to support a local Kuwaiti brand.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-spring-flowers-wall_23-2148414415.jpg",
},
]}
showRating={true}
title="Loved by Thousands"
description="See what our community says."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Fatima A.", handle: "@fatima", testimonial: "My hair has never felt healthier! FAAB is simply amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-caucasian-woman-with-light-natural-make-up-red-mini-dress_343596-3793.jpg" },
{ id: "2", name: "Noor M.", handle: "@noor", testimonial: "Natural and refreshing. Finally, a shampoo that works for me.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-european-tanned-woman-with-short-curly-hair-summer-romantic-long-sleeve-dress-dress-outside-villa_343596-1562.jpg" },
{ id: "3", name: "Sara H.", handle: "@sara", testimonial: "Love the smell and the ingredients. Very authentic brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-lady-with-wavy-hair-wearing-blue-sweater-posing-touching-her-hair-park_291650-593.jpg" },
{ id: "4", name: "Layla K.", handle: "@layla", testimonial: "My hair is so shiny now. Definitely recommend FAAB.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairstyling-smiling-young-woman-demonstrating-hairstyling-tips_259150-60121.jpg" },
{ id: "5", name: "Huda A.", handle: "@huda", testimonial: "Great quality shampoo. Proud to support a local Kuwaiti brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-spring-flowers-wall_23-2148414415.jpg" },
]}
showRating={true}
title="Loved by Thousands"
description="See what our community says."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are all ingredients natural?",
content: "Yes, we use only plant-based organic ingredients.",
},
{
id: "f2",
title: "Is FAAB Kuwaiti based?",
content: "Absolutely, we are proud to be a Kuwaiti brand.",
},
{
id: "f3",
title: "Where can I buy FAAB?",
content: "Directly through our website or select local stockists.",
},
]}
title="Common Questions"
description="We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Are all ingredients natural?", content: "Yes, we use only plant-based organic ingredients." },
{ id: "f2", title: "Is FAAB Kuwaiti based?", content: "Absolutely, we are proud to be a Kuwaiti brand." },
{ id: "f3", title: "Where can I buy FAAB?", content: "Directly through our website or select local stockists." },
]}
title="Common Questions"
description="We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Newsletter"
title="Get Fresh News"
description="Stay updated with our latest collections and tips."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965821.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Newsletter"
title="Get Fresh News"
description="Stay updated with our latest collections and tips."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965821.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="FAAB"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="FAAB"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);