bender/ff070dc0-050c-45f2-bb71-40bf46ad14d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 14:29:59 +00:00
parent bd2d5b0939
commit 433ea88032
1 changed files with 133 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

473
src/app/page.tsx
View File

@@ -28,355 +28,148 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Collections",
id: "collections",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Classic Home | كلاسيك هوم"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "home" },
{ name: "Collections", id: "collections" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
brandName="Classic Home | كلاسيك هوم"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
title="Timeless Elegance for Riyadh Living"
description="Discover the finest luxury outdoor furniture crafted for the refined lifestyle of Saudi villas. Elegance that endures."
buttons={[
{
text: "Shop Now",
href: "#collections",
},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/metal-nature-vintage-arrangement-setting_1203-6277.jpg",
imageAlt: "luxury villa garden furniture",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/relax-house-thai-style_1150-17982.jpg",
imageAlt: "luxury outdoor sofa set",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3427.jpg",
imageAlt: "outdoor dining set luxury",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-4576.jpg",
imageAlt: "teak outdoor furniture set",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8436.jpg",
imageAlt: "luxury outdoor daybed",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/trendy-modern-design-twolevel-apartment-with-large-high-windows_1258-84052.jpg",
imageAlt: "luxury outdoor lounge firepit",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-animated" }}
title="Timeless Elegance for Riyadh Living"
description="Discover the finest luxury outdoor furniture crafted for the refined lifestyle of Saudi villas. Elegance that endures."
buttons={[{ text: "Shop Now", href: "#collections" }]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/metal-nature-vintage-arrangement-setting_1203-6277.jpg", imageAlt: "luxury villa garden furniture" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/relax-house-thai-style_1150-17982.jpg", imageAlt: "luxury outdoor sofa set" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3427.jpg", imageAlt: "outdoor dining set luxury" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-4576.jpg", imageAlt: "teak outdoor furniture set" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8436.jpg", imageAlt: "luxury outdoor daybed" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/trendy-modern-design-twolevel-apartment-with-large-high-windows_1258-84052.jpg", imageAlt: "luxury outdoor lounge firepit" }
]}
/>
</div>
<div id="collections" data-section="collections">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Olive Sofa",
price: "SAR 4,500",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-comfortable-therapy-office-used-counseling-sessions_482257-108404.jpg",
},
{
id: "2",
name: "Beige Dining Set",
price: "SAR 8,900",
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7240.jpg",
},
{
id: "3",
name: "Club Chair",
price: "SAR 2,100",
imageSrc: "http://img.b2bpic.net/free-photo/furnitures-with-empty-chair-table_1203-9374.jpg",
},
{
id: "4",
name: "Sun Lounger",
price: "SAR 3,200",
imageSrc: "http://img.b2bpic.net/free-photo/empty-deck-chair-around-outdoor-swimming-pool-hotel-resort-leisure-vacation_74190-15993.jpg",
},
{
id: "5",
name: "Terrace Sectional",
price: "SAR 7,800",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_74190-3626.jpg",
},
{
id: "6",
name: "Coffee Table",
price: "SAR 1,200",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-rooftop-restaurant_23-2147891180.jpg",
},
]}
title="Our Collections"
description="Curated selection of premium patio sets, sofas, and garden furniture."
/>
</div>
<div id="collections" data-section="collections">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", name: "Olive Sofa", price: "SAR 4,500", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-comfortable-therapy-office-used-counseling-sessions_482257-108404.jpg" },
{ id: "2", name: "Beige Dining Set", price: "SAR 8,900", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7240.jpg" },
{ id: "3", name: "Club Chair", price: "SAR 2,100", imageSrc: "http://img.b2bpic.net/free-photo/furnitures-with-empty-chair-table_1203-9374.jpg" },
{ id: "4", name: "Sun Lounger", price: "SAR 3,200", imageSrc: "http://img.b2bpic.net/free-photo/empty-deck-chair-around-outdoor-swimming-pool-hotel-resort-leisure-vacation_74190-15993.jpg" },
{ id: "5", name: "Terrace Sectional", price: "SAR 7,800", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_74190-3626.jpg" },
{ id: "6", name: "Coffee Table", price: "SAR 1,200", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-rooftop-restaurant_23-2147891180.jpg" }
]}
title="Our Collections"
description="Curated selection of premium patio sets, sofas, and garden furniture."
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Classic Home"
title="The Art of Outdoor Living"
description="Classic Home redefines outdoor luxury. With roots in traditional Saudi elegance and a modern vision, we bring world-class design to your sanctuary."
subdescription="From Riyadh to Jeddah, we design for the heat of our land and the heart of your home."
icon={Star}
imageSrc="http://img.b2bpic.net/free-photo/traditional-house-interior-design_23-2151051005.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Classic Home"
title="The Art of Outdoor Living"
description="Classic Home redefines outdoor luxury. With roots in traditional Saudi elegance and a modern vision, we bring world-class design to your sanctuary."
subdescription="From Riyadh to Jeddah, we design for the heat of our land and the heart of your home."
icon={Star}
imageSrc="http://img.b2bpic.net/free-photo/traditional-house-interior-design_23-2151051005.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="why-choose" data-section="why-choose">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "100%",
title: "Premium Materials",
items: [
"UV Resistant",
"High-End Teak",
"Premium Fabrics",
],
},
{
id: "2",
value: "10+",
title: "Years Experience",
items: [
"Expert Design",
"Global Sourcing",
"Local Expertise",
],
},
{
id: "3",
value: "SA",
title: "All-Saudi Service",
items: [
"Free Delivery",
"White Glove Service",
"Local Support",
],
},
]}
title="Why Classic Home?"
description="Exceptional service and quality standards for our clients."
/>
</div>
<div id="why-choose" data-section="why-choose">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "100%", title: "Premium Materials", items: ["UV Resistant", "High-End Teak", "Premium Fabrics"] },
{ id: "2", value: "10+", title: "Years Experience", items: ["Expert Design", "Global Sourcing", "Local Expertise"] },
{ id: "3", value: "SA", title: "All-Saudi Service", items: ["Free Delivery", "White Glove Service", "Local Support"] }
]}
title="Why Classic Home?"
description="Exceptional service and quality standards for our clients."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Ahmed",
handle: "@sarah",
testimonial: "Exquisite quality and elegant design. Totally transformed our patio.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020299.jpg",
},
{
id: "2",
name: "Khalid Al-Rashid",
handle: "@khalid",
testimonial: "Best service in Riyadh. Highly recommend Classic Home.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-workers-working-internet-store-office_259150-60587.jpg",
},
{
id: "3",
name: "Nora Mansour",
handle: "@nora",
testimonial: "Everything arrived on time and the quality is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-sitting-couch_23-2149722603.jpg",
},
{
id: "4",
name: "Omar Bin Sultan",
handle: "@omar",
testimonial: "Professional, classy, and very durable products.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-dreamy-gorgeous-young-woman-student-studying-campus-hall-leaning-wall-sit-floor-with-homework-reading-exercise-book-studying-new-languages-courses_197531-30582.jpg",
},
{
id: "5",
name: "Laila Hassan",
handle: "@laila",
testimonial: "Beautiful furniture that handles the heat perfectly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg",
},
]}
showRating={true}
title="What Clients Say"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "Exquisite quality and elegant design. Totally transformed our patio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020299.jpg" },
{ id: "2", name: "Khalid Al-Rashid", handle: "@khalid", testimonial: "Best service in Riyadh. Highly recommend Classic Home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-workers-working-internet-store-office_259150-60587.jpg" },
{ id: "3", name: "Nora Mansour", handle: "@nora", testimonial: "Everything arrived on time and the quality is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-sitting-couch_23-2149722603.jpg" },
{ id: "4", name: "Omar Bin Sultan", handle: "@omar", testimonial: "Professional, classy, and very durable products.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-dreamy-gorgeous-young-woman-student-studying-campus-hall-leaning-wall-sit-floor-with-homework-reading-exercise-book-studying-new-languages-courses_197531-30582.jpg" },
{ id: "5", name: "Laila Hassan", handle: "@laila", testimonial: "Beautiful furniture that handles the heat perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg" }
]}
showRating={true}
title="What Clients Say"
/>
</div>
<div id="instagram" data-section="instagram">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Follow Our Journey"
description="Inspiring garden setups and latest arrivals on Instagram."
blogs={[
{
id: "1",
category: "Style",
title: "Summer Vibes",
excerpt: "Explore our latest outdoor lounge collections.",
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-ig-post-set-with-image_23-2148692714.jpg",
authorName: "Classic Home",
authorAvatar: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg",
date: "Jan 2025",
},
{
id: "2",
category: "Design",
title: "Riyadh Villa",
excerpt: "A beautiful patio makeover.",
imageSrc: "http://img.b2bpic.net/free-photo/pineapple-wearing-sunglasses-beach-summer-concept_53876-165293.jpg",
authorName: "Classic Home",
authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-notebook-green-chair_23-2149678913.jpg",
date: "Jan 2025",
},
{
id: "3",
category: "Decor",
title: "Sunset Lounge",
excerpt: "Perfect for the golden hour.",
imageSrc: "http://img.b2bpic.net/free-photo/vacation-tourism-leisure-concept-happy-relaxed-attractive-tanned-brunette-woman-glasses-lying-hotel-lounge-zone-cafe-terrace-put-feet-coffee-table-smiling-feeling-paradise_197531-30314.jpg",
authorName: "Classic Home",
authorAvatar: "http://img.b2bpic.net/free-photo/long-shot-woman-with-tablet-couch_23-2149403361.jpg",
date: "Jan 2025",
},
{
id: "4",
category: "Furniture",
title: "Teak Details",
excerpt: "Quality craftsmanship.",
imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698394.jpg",
authorName: "Classic Home",
authorAvatar: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600201.jpg",
date: "Jan 2025",
},
{
id: "5",
category: "Lifestyle",
title: "Pergola Set",
excerpt: "Dreamy garden setup.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-gazebo-garden_181624-4129.jpg",
authorName: "Classic Home",
authorAvatar: "http://img.b2bpic.net/free-photo/name-tag-badge-banner-copy-space-blank_53876-132265.jpg",
date: "Jan 2025",
},
{
id: "6",
category: "Events",
title: "Garden Party",
excerpt: "Luxury outdoor dining.",
imageSrc: "http://img.b2bpic.net/free-photo/cactus-houseplant-collection-decoration-set_53876-31084.jpg",
authorName: "Classic Home",
authorAvatar: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199354.jpg",
date: "Jan 2025",
},
]}
/>
</div>
<div id="instagram" data-section="instagram">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Follow Our Journey"
description="Inspiring garden setups and latest arrivals on Instagram."
blogs={[
{ id: "1", category: "Style", title: "Summer Vibes", excerpt: "Explore our latest outdoor lounge collections.", imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-ig-post-set-with-image_23-2148692714.jpg", authorName: "Classic Home", authorAvatar: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg", date: "Jan 2025" },
{ id: "2", category: "Design", title: "Riyadh Villa", excerpt: "A beautiful patio makeover.", imageSrc: "http://img.b2bpic.net/free-photo/pineapple-wearing-sunglasses-beach-summer-concept_53876-165293.jpg", authorName: "Classic Home", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-notebook-green-chair_23-2149678913.jpg", date: "Jan 2025" },
{ id: "3", category: "Decor", title: "Sunset Lounge", excerpt: "Perfect for the golden hour.", imageSrc: "http://img.b2bpic.net/free-photo/vacation-tourism-leisure-concept-happy-relaxed-attractive-tanned-brunette-woman-glasses-lying-hotel-lounge-zone-cafe-terrace-put-feet-coffee-table-smiling-feeling-paradise_197531-30314.jpg", authorName: "Classic Home", authorAvatar: "http://img.b2bpic.net/free-photo/long-shot-woman-with-tablet-couch_23-2149403361.jpg", date: "Jan 2025" },
{ id: "4", category: "Furniture", title: "Teak Details", excerpt: "Quality craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698394.jpg", authorName: "Classic Home", authorAvatar: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600201.jpg", date: "Jan 2025" },
{ id: "5", category: "Lifestyle", title: "Pergola Set", excerpt: "Dreamy garden setup.", imageSrc: "http://img.b2bpic.net/free-photo/empty-gazebo-garden_181624-4129.jpg", authorName: "Classic Home", authorAvatar: "http://img.b2bpic.net/free-photo/name-tag-badge-banner-copy-space-blank_53876-132265.jpg", date: "Jan 2025" },
{ id: "6", category: "Events", title: "Garden Party", excerpt: "Luxury outdoor dining.", imageSrc: "http://img.b2bpic.net/free-photo/cactus-houseplant-collection-decoration-set_53876-31084.jpg", authorName: "Classic Home", authorAvatar: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199354.jpg", date: "Jan 2025" }
]}
/>
</div>
<div id="delivery" data-section="delivery">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Free Delivery Across Saudi Arabia. We deliver your luxury furniture safely to Riyadh, Dammam, and Jeddah."
/>
</div>
<div id="delivery" data-section="delivery">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Free Delivery Across Saudi Arabia. We deliver your luxury furniture safely to Riyadh, Dammam, and Jeddah."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "cell-wave",
}}
text="Ready to design your sanctuary? Connect with us via WhatsApp or visit our showroom. Let's create your dream outdoor space."
buttons={[
{
text: "WhatsApp Us",
href: "https://wa.me/966",
},
{
text: "Follow on Instagram",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "cell-wave" }}
text="Ready to design your sanctuary? Connect with us via WhatsApp or visit our showroom. Let's create your dream outdoor space."
buttons={[
{ text: "WhatsApp Us", href: "https://wa.me/966" },
{ text: "Follow on Instagram", href: "#" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Classic Home"
copyrightText="© 2025 Classic Home | كلاسيك هوم. All Rights Reserved."
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Classic Home"
copyrightText="© 2025 Classic Home | كلاسيك هوم. All Rights Reserved."
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}