Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-21 09:54:51 +00:00

View File

@@ -17,387 +17,178 @@ import { Shield, Sparkles, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="large"
background="none"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="large"
background="none"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="House of Furniture - Rizal"
button={{
text: "Visit Us",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="House of Furniture - Rizal"
button={{ text: "Visit Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Crafting Comfort for Every Rizal Home"
description="Discover premium furniture that combines modern elegance with timeless durability. Your dream home starts right here in Rizal."
buttons={[
{
text: "Explore Catalog",
href: "#products",
},
{
text: "Contact Branch",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-bedding-with-cozy-lighting-elegance-generated-by-ai_188544-16336.jpg?_wi=1"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
alt: "Smiley man and woman at home",
},
{
src: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg",
alt: "Woman sitting in new home and man decorating",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-indoors_23-2148889785.jpg",
alt: "Medium shot smiley couple indoors",
},
{
src: "http://img.b2bpic.net/free-photo/enthusiastic-asian-woman-sits-floor-with-smartphone-raise-hand-up-cheering-celebrating_1258-191628.jpg",
alt: "Asian woman dancing at home",
},
{
src: "http://img.b2bpic.net/free-photo/young-carefree-couple-having-fun-together-home_637285-12599.jpg",
alt: "Young carefree couple at home",
},
]}
avatarText="Trusted by 5,000+ local families"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Crafting Comfort for Every Rizal Home"
description="Discover premium furniture that combines modern elegance with timeless durability. Your dream home starts right here in Rizal."
buttons={[{ text: "Explore Catalog", href: "#products" }, { text: "Contact Branch", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-bedding-with-cozy-lighting-elegance-generated-by-ai_188544-16336.jpg"
showBlur={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg", alt: "Smiley man and woman at home" },
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg", alt: "Woman sitting in new home and man decorating" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-indoors_23-2148889785.jpg", alt: "Medium shot smiley couple indoors" },
{ src: "http://img.b2bpic.net/free-photo/enthusiastic-asian-woman-sits-floor-with-smartphone-raise-hand-up-cheering-celebrating_1258-191628.jpg", alt: "Asian woman dancing at home" },
{ src: "http://img.b2bpic.net/free-photo/young-carefree-couple-having-fun-together-home_637285-12599.jpg", alt: "Young carefree couple at home" },
]}
avatarText="Trusted by 5,000+ local families"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our Legacy of Quality",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg",
alt: "Store interior",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[{ type: "text", content: "Our Legacy of Quality" }, { type: "image", src: "http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg", alt: "Store interior" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Premium Materials",
description: "Sourced from the best suppliers for long-lasting quality.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273052.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418579.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedding-with-cozy-lighting-elegance-generated-by-ai_188544-16336.jpg?_wi=2",
imageAlt: "high quality furniture wood",
},
{
title: "Custom Solutions",
description: "Personalized furniture design to fit your unique space.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-getting-manicure_23-2150507010.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg",
imageAlt: "high quality furniture wood",
},
{
title: "Fast Delivery",
description: "Professional delivery and assembly right to your door.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/gathering-companions_1098-12598.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40330.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/empty-photo-frame-wall-blue-chair_23-2149454909.jpg?_wi=1",
imageAlt: "high quality furniture wood",
},
]}
title="Why Choose Us"
description="Experience superior quality and dedicated service tailored to your home needs."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Why Choose Us"
description="Experience superior quality and dedicated service tailored to your home needs."
features={[
{
title: "Premium Materials", description: "Sourced from the best suppliers for long-lasting quality.", icon: Shield,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273052.jpg", imageAlt: "high quality furniture wood" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418579.jpg", imageAlt: "high quality furniture wood" },
],
},
{
title: "Custom Solutions", description: "Personalized furniture design to fit your unique space.", icon: Sparkles,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg", imageAlt: "high quality furniture wood" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-getting-manicure_23-2150507010.jpg", imageAlt: "high quality furniture wood" },
],
},
{
title: "Fast Delivery", description: "Professional delivery and assembly right to your door.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/gathering-companions_1098-12598.jpg", imageAlt: "high quality furniture wood" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40330.jpg", imageAlt: "high quality furniture wood" },
],
},
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Signature",
name: "Luxury Fabric Sofa",
price: "₱25,000",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/empty-photo-frame-wall-blue-chair_23-2149454909.jpg?_wi=2",
},
{
id: "p2",
brand: "Signature",
name: "Oak Dining Table",
price: "₱18,500",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008700.jpg",
},
{
id: "p3",
brand: "Modern",
name: "Ergonomic Desk",
price: "₱8,900",
rating: 4,
reviewCount: "62",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-black-leather-sofa_53876-63470.jpg",
},
{
id: "p4",
brand: "Comfort",
name: "King Size Bed",
price: "₱32,000",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/frame-mockup-modern-bedroom-with-empty-poster-frame-ai-generative_123827-23462.jpg",
},
{
id: "p5",
brand: "Modern",
name: "Nightstand Unit",
price: "₱4,500",
rating: 4,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/bed-with-nightstand-pendant-lamp-showroom-styled-bedroom_169016-71049.jpg",
},
{
id: "p6",
brand: "Decor",
name: "Ambient Floor Lamp",
price: "₱2,200",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047505.jpg",
},
]}
title="Curated Collections"
description="Explore our latest arrivals in contemporary home decor."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Signature", name: "Luxury Fabric Sofa", price: "₱25,000", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/empty-photo-frame-wall-blue-chair_23-2149454909.jpg" },
{ id: "p2", brand: "Signature", name: "Oak Dining Table", price: "₱18,500", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008700.jpg" },
{ id: "p3", brand: "Modern", name: "Ergonomic Desk", price: "₱8,900", rating: 4, reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/laptop-black-leather-sofa_53876-63470.jpg" },
{ id: "p4", brand: "Comfort", name: "King Size Bed", price: "₱32,000", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/frame-mockup-modern-bedroom-with-empty-poster-frame-ai-generative_123827-23462.jpg" },
{ id: "p5", brand: "Modern", name: "Nightstand Unit", price: "₱4,500", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/bed-with-nightstand-pendant-lamp-showroom-styled-bedroom_169016-71049.jpg" },
{ id: "p6", brand: "Decor", name: "Ambient Floor Lamp", price: "₱2,200", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047505.jpg" },
]}
title="Curated Collections"
description="Explore our latest arrivals in contemporary home decor."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "5000+",
title: "Happy Customers",
description: "Families served across Rizal.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-sustainable-lifestyle_23-2148999369.jpg",
},
{
id: "m2",
value: "15+",
title: "Years Experience",
description: "Expertise you can trust.",
imageSrc: "http://img.b2bpic.net/free-photo/delighted-young-couple-sitting-couch-surrounded-by-boxes_273609-31771.jpg",
},
{
id: "m3",
value: "100%",
title: "Quality Assured",
description: "Standards we never compromise.",
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162249.jpg",
},
]}
title="Our Impact"
description="Helping Rizal families build beautiful homes for years."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "5000+", title: "Happy Customers", description: "Families served across Rizal.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-sustainable-lifestyle_23-2148999369.jpg" },
{ id: "m2", value: "15+", title: "Years Experience", description: "Expertise you can trust.", imageSrc: "http://img.b2bpic.net/free-photo/delighted-young-couple-sitting-couch-surrounded-by-boxes_273609-31771.jpg" },
{ id: "m3", value: "100%", title: "Quality Assured", description: "Standards we never compromise.", imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162249.jpg" },
]}
title="Our Impact"
description="Helping Rizal families build beautiful homes for years."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Maria Santos",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-doing-rock-gesture-with-closed-eyes_141793-57734.jpg",
},
{
id: "t2",
name: "John Dela Cruz",
imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-great-working-relationship_329181-17640.jpg",
},
{
id: "t3",
name: "Elena Reyes",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-asian-woman-feeling-lazy-stretching-sofa-smiling-pleased-relaxing-home_1258-191569.jpg",
},
{
id: "t4",
name: "Antonio Gonzales",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-moving-new-home_23-2149242150.jpg",
},
{
id: "t5",
name: "Sarah Villalobos",
imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-shopping-bags-showing-thumb-up-t-shirt-jacket-looking-jovial-front-view_176474-30058.jpg",
},
]}
cardTitle="Client Voices"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Maria Santos", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-doing-rock-gesture-with-closed-eyes_141793-57734.jpg" },
{ id: "t2", name: "John Dela Cruz", imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-great-working-relationship_329181-17640.jpg" },
{ id: "t3", name: "Elena Reyes", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-asian-woman-feeling-lazy-stretching-sofa-smiling-pleased-relaxing-home_1258-191569.jpg" },
{ id: "t4", name: "Antonio Gonzales", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-moving-new-home_23-2149242150.jpg" },
{ id: "t5", name: "Sarah Villalobos", imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-shopping-bags-showing-thumb-up-t-shirt-jacket-looking-jovial-front-view_176474-30058.jpg" },
]}
cardTitle="Client Voices"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer delivery in Rizal?",
content: "Yes, we offer professional delivery services throughout the Rizal province.",
},
{
id: "q2",
title: "Can I request custom designs?",
content: "Absolutely. We specialize in custom furniture tailored to your specifications.",
},
{
id: "q3",
title: "How long is the warranty?",
content: "All items come with a minimum 1-year quality warranty.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/laughing-young-woman-looking-her-husband-playing-with-kneaded-dough_23-2147947847.jpg"
mediaAnimation="slide-up"
title="Common Inquiries"
description="Answers to your questions about our services and showroom."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Do you offer delivery in Rizal?", content: "Yes, we offer professional delivery services throughout the Rizal province." },
{ id: "q2", title: "Can I request custom designs?", content: "Absolutely. We specialize in custom furniture tailored to your specifications." },
{ id: "q3", title: "How long is the warranty?", content: "All items come with a minimum 1-year quality warranty." },
]}
imageSrc="http://img.b2bpic.net/free-photo/laughing-young-woman-looking-her-husband-playing-with-kneaded-dough_23-2147947847.jpg"
mediaAnimation="slide-up"
title="Common Inquiries"
description="Answers to your questions about our services and showroom."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Visit Our Branch"
title="Ready to Transform Your Home?"
description="Stop by our Rizal branch to experience the quality firsthand or contact us for inquiries."
buttons={[
{
text: "Get Directions",
href: "#",
},
{
text: "Call Us",
href: "tel:000000000",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Visit Our Branch"
title="Ready to Transform Your Home?"
description="Stop by our Rizal branch to experience the quality firsthand or contact us for inquiries."
buttons={[{ text: "Get Directions", href: "#" }, { text: "Call Us", href: "tel:000000000" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=muxgo7"
logoText="House of Furniture Rizal"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Help",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=muxgo7"
logoText="House of Furniture Rizal"
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);