Update src/app/page.tsx

This commit is contained in:
2026-05-10 07:43:55 +00:00
parent 74d83af8de
commit 6bdb0f76af

View File

@@ -32,92 +32,36 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Products", id: "products" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "Contact", id: "contact" }
name: "About",
id: "about",
},
{
name: "Collections",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Herbawi Home" brandName="Herbawi Home"
button={{ text: "Get Started", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
title="Transform Your Home into a Sanctuary" title="Transform Your Home into a Sanctuary"
description="Discover timeless furniture designs crafted for comfort, style, and everyday living at Herbawi Home." description="Discover timeless furniture designs crafted for comfort, style, and everyday living at Herbawi Home."
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/beautiful-mixed-race-couple-cuddle-sofa-feel-satisfied-rejoice-moving-new-home_273609-29837.jpg", alt: "Client 1" },
src: "http://img.b2bpic.net/free-photo/beautiful-mixed-race-couple-cuddle-sofa-feel-satisfied-rejoice-moving-new-home_273609-29837.jpg", { src: "http://img.b2bpic.net/free-photo/beauty-vlogger-young-woman-green-dress-representing-new-cosmetics-looking-contented_259150-60090.jpg", alt: "Client 2" },
alt: "Client 1", { src: "http://img.b2bpic.net/free-photo/couple-with-salesman-furniture-store_1157-37475.jpg", alt: "Client 3" },
}, { src: "http://img.b2bpic.net/free-photo/happy-young-businessman-working-document-workplace_23-2147839977.jpg", alt: "Client 4" },
{ { src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg", alt: "Client 5" }
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-young-woman-green-dress-representing-new-cosmetics-looking-contented_259150-60090.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/couple-with-salesman-furniture-store_1157-37475.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-businessman-working-document-workplace_23-2147839977.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
alt: "Client 5",
},
]}
buttons={[
{
text: "View Collections",
href: "#products",
},
]} ]}
buttons={[{ text: "View Collections", href: "#products" }]}
marqueeItems={[ marqueeItems={[
{ { type: "text-icon", text: "Free Delivery", icon: Truck },
type: "text-icon", { type: "text-icon", text: "Certified Quality", icon: ShieldCheck },
text: "Free Delivery", { type: "text-icon", text: "24/7 Support", icon: Headphones },
icon: Truck, { type: "text-icon", text: "Easy Returns", icon: History },
}, { type: "text-icon", text: "Secure Checkout", icon: Lock }
{
type: "text-icon",
text: "Certified Quality",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "24/7 Support",
icon: Headphones,
},
{
type: "text-icon",
text: "Easy Returns",
icon: History,
},
{
type: "text-icon",
text: "Secure Checkout",
icon: Lock,
},
]} ]}
/> />
</div> </div>
@@ -127,21 +71,9 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="A Legacy of Home Comfort" title="A Legacy of Home Comfort"
metrics={[ metrics={[
{ { label: "Years Experience", value: "25+", icon: Award },
label: "Years Experience", { label: "Happy Clients", value: "10k+", icon: Users },
value: "25+", { label: "Unique Designs", value: "500+", icon: Sparkles }
icon: Award,
},
{
label: "Happy Clients",
value: "10k+",
icon: Users,
},
{
label: "Unique Designs",
value: "500+",
icon: Sparkles,
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -152,24 +84,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Sustainable Craftsmanship", description: "Ethically sourced materials designed for longevity.", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_53876-143194.jpg", imageAlt: "Feature 1" },
title: "Sustainable Craftsmanship", { title: "Modern Aesthetics", description: "Curated designs that elevate every room.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2016.jpg", imageAlt: "Feature 2" },
description: "Ethically sourced materials designed for longevity.", { title: "Personalized Service", description: "Expert guidance to find your perfect fit.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-couch-reads-paper-book-mental-development-useful-use-time-home-home-comfort_78826-3050.jpg", imageAlt: "Feature 3" }
imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_53876-143194.jpg",
imageAlt: "Feature 1",
},
{
title: "Modern Aesthetics",
description: "Curated designs that elevate every room.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2016.jpg",
imageAlt: "Feature 2",
},
{
title: "Personalized Service",
description: "Expert guidance to find your perfect fit.",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-couch-reads-paper-book-mental-development-useful-use-time-home-home-comfort_78826-3050.jpg",
imageAlt: "Feature 3",
},
]} ]}
title="Why Herbawi Home?" title="Why Herbawi Home?"
description="We blend heritage quality with modern aesthetics to create pieces that define your living space." description="We blend heritage quality with modern aesthetics to create pieces that define your living space."
@@ -183,42 +100,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", name: "Heritage Dining Table", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/dining-table-background-zoom-calls_23-2149684456.jpg" },
id: "1", { id: "2", name: "Velvet Lounge Chair", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/living-pillow-residential-couch-light_1203-4119.jpg" },
name: "Heritage Dining Table", { id: "3", name: "Serene Bed Frame", price: "$1200", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-living-room-with-hanging-swing_169016-6476.jpg" },
price: "$899", { id: "4", name: "Executive Office Desk", price: "$750", imageSrc: "http://img.b2bpic.net/free-photo/stylish-table-with-laptop-cork-board_23-2147878338.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-background-zoom-calls_23-2149684456.jpg", { id: "5", name: "Minimalist Sideboard", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-cupboard_23-2151113217.jpg" },
}, { id: "6", name: "Marble Coffee Table", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104686.jpg" }
{
id: "2",
name: "Velvet Lounge Chair",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-photo/living-pillow-residential-couch-light_1203-4119.jpg",
},
{
id: "3",
name: "Serene Bed Frame",
price: "$1200",
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-living-room-with-hanging-swing_169016-6476.jpg",
},
{
id: "4",
name: "Executive Office Desk",
price: "$750",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-table-with-laptop-cork-board_23-2147878338.jpg",
},
{
id: "5",
name: "Minimalist Sideboard",
price: "$550",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-cupboard_23-2151113217.jpg",
},
{
id: "6",
name: "Marble Coffee Table",
price: "$380",
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104686.jpg",
},
]} ]}
title="Our Featured Collections" title="Our Featured Collections"
description="From dining sets to bedroom retreats, explore our latest arrivals." description="From dining sets to bedroom retreats, explore our latest arrivals."
@@ -231,39 +118,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ { id: "essential", badge: "Essential", price: "$1,500", subtitle: "Perfect for starters", features: ["Dining Set", "Accent Chair", "Coffee Table"] },
id: "essential", { id: "standard", badge: "Popular", price: "$3,200", subtitle: "Balanced comfort", features: ["Bedroom Suite", "Dining Suite", "Living Rug"] },
badge: "Essential", { id: "luxury", badge: "Premium", price: "$6,500", subtitle: "The full transformation", features: ["Full Home Furnishing", "Free Installation", "Design Consult"] }
price: "$1,500",
subtitle: "Perfect for starters",
features: [
"Dining Set",
"Accent Chair",
"Coffee Table",
],
},
{
id: "standard",
badge: "Popular",
price: "$3,200",
subtitle: "Balanced comfort",
features: [
"Bedroom Suite",
"Dining Suite",
"Living Rug",
],
},
{
id: "luxury",
badge: "Premium",
price: "$6,500",
subtitle: "The full transformation",
features: [
"Full Home Furnishing",
"Free Installation",
"Design Consult",
],
},
]} ]}
title="Home Design Packages" title="Home Design Packages"
description="Professional styling bundles to furnish your entire space." description="Professional styling bundles to furnish your entire space."
@@ -276,41 +133,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah Ahmed", handle: "@sarah_h", testimonial: "The best selection of furniture I've ever found.", imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg" },
id: "1", { id: "2", name: "Mazen Khalil", handle: "@mazen_k", testimonial: "Excellent quality and even better service.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086772.jpg" },
name: "Sarah Ahmed", { id: "3", name: "Leila Omar", handle: "@leila_o", testimonial: "Herbawi Home truly transformed my living room.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-married-couple-having-video-call-kitchen-romantic-dinner-eating-festive-meal-pov-online-internet-modern-conference-chatting-communication-chat-conversation-call-via-webcam_482257-3627.jpg" },
handle: "@sarah_h", { id: "4", name: "Omar Fares", handle: "@omar_f", testimonial: "Professional and stylish designs, very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-sitting-couch-surrounded-by-boxes_273609-31769.jpg" },
testimonial: "The best selection of furniture I've ever found.", { id: "5", name: "Hana Ziad", handle: "@hana_z", testimonial: "Great experience with their design consultations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-young-woman-sitting-her-room-looking-camera-holding-cup-tea_1258-281925.jpg" }
imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg",
},
{
id: "2",
name: "Mazen Khalil",
handle: "@mazen_k",
testimonial: "Excellent quality and even better service.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086772.jpg",
},
{
id: "3",
name: "Leila Omar",
handle: "@leila_o",
testimonial: "Herbawi Home truly transformed my living room.",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-married-couple-having-video-call-kitchen-romantic-dinner-eating-festive-meal-pov-online-internet-modern-conference-chatting-communication-chat-conversation-call-via-webcam_482257-3627.jpg",
},
{
id: "4",
name: "Omar Fares",
handle: "@omar_f",
testimonial: "Professional and stylish designs, very satisfied.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-sitting-couch-surrounded-by-boxes_273609-31769.jpg",
},
{
id: "5",
name: "Hana Ziad",
handle: "@hana_z",
testimonial: "Great experience with their design consultations.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-young-woman-sitting-her-room-looking-camera-holding-cup-tea_1258-281925.jpg",
},
]} ]}
title="Client Stories" title="Client Stories"
description="See how we've brought comfort to hundreds of homes." description="See how we've brought comfort to hundreds of homes."
@@ -322,13 +149,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"DesignHome", "DesignHome", "StyleSpace", "ComfortCore", "HeritageWood", "UrbanDecor", "LuxuryLife", "GlobalLiving"
"StyleSpace",
"ComfortCore",
"HeritageWood",
"UrbanDecor",
"LuxuryLife",
"GlobalLiving",
]} ]}
title="Trusted Partners" title="Trusted Partners"
description="Working with world-class interior brands." description="Working with world-class interior brands."
@@ -341,21 +162,10 @@ export default function LandingPage() {
title="Visit Our Showroom" title="Visit Our Showroom"
description="Have questions? Get in touch with our design team today." description="Have questions? Get in touch with our design team today."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Your Name" },
name: "name", { name: "email", type: "email", placeholder: "Email Address" }
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Email Address",
},
]} ]}
textarea={{ textarea={{ name: "message", placeholder: "Tell us about your project" }}
name: "message",
placeholder: "Tell us about your project",
}}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg" imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg"
/> />
</div> </div>
@@ -366,35 +176,21 @@ export default function LandingPage() {
logoText="Herbawi Home" logoText="Herbawi Home"
columns={[ columns={[
{ {
title: "Navigation", title: "Navigation", items: [
items: [ { label: "About", href: "#about" },
{ { label: "Products", href: "#products" }
label: "About", ]
href: "#about",
},
{
label: "Products",
href: "#products",
},
],
}, },
{ {
title: "Support", title: "Support", items: [
items: [ { label: "FAQ", href: "#" },
{ { label: "Contact", href: "#contact" }
label: "FAQ", ]
href: "#", }
},
{
label: "Contact",
href: "#contact",
},
],
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }