bender/33c4f1da-3cb2-4e6f-9b6e-2b3dc28d38f2
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-07 15:49:32 +00:00
parent 674a0cd621
commit fffe460c6f
1 changed files with 44 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Collection",
id: "products",
},
name: "Collection", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="DecoWall"
/>
@@ -56,42 +48,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Transform Your Home with Premium Wallpapers"
description="Discover our exclusive collection of high-quality, durable, and stylish wallpapers that redefine your living spaces. Order online today."
tag="New 2024 Collection"
buttons={[
{
text: "Shop Collection",
href: "#products",
},
text: "Shop Collection", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518179.jpg",
imageAlt: "Modern interior wallpaper",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518179.jpg", imageAlt: "luxury wallpaper interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15131.jpg",
imageAlt: "Textured luxury wallpaper",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grandparent-learning-use-technology_23-2149402559.jpg",
imageAlt: "Grandparent learning to use technology",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-home_23-2149722577.jpg",
imageAlt: "Full shot rich woman at home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861868.jpg",
imageAlt: "Abstract store with futuristic concept and architecture",
},
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15131.jpg", imageAlt: "textured wallpaper closeup"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -107,17 +78,11 @@ export default function LandingPage() {
description="At DecoWall, we believe your walls tell your story. Our wallpapers combine premium durability with artistic vision, ensuring your home looks unique and feels personal."
bulletPoints={[
{
title: "Premium Quality",
description: "High-durability materials designed for longevity and easy maintenance.",
},
title: "Premium Quality", description: "High-durability materials designed for longevity and easy maintenance."},
{
title: "Unique Designs",
description: "Curated patterns that you won't find anywhere else.",
},
title: "Unique Designs", description: "Curated patterns that you won't find anywhere else."},
{
title: "Sustainable Sourcing",
description: "Eco-friendly printing processes that protect your home and our planet.",
},
title: "Sustainable Sourcing", description: "Eco-friendly printing processes that protect your home and our planet."},
]}
imageSrc="http://img.b2bpic.net/free-photo/desk-arrangement-with-drawing_23-2148577719.jpg"
imageAlt="Design studio professional"
@@ -131,23 +96,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Easy Application",
description: "Peel-and-stick designs that make home renovation a breeze.",
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-68074.jpg",
imageAlt: "Easy app icon",
},
title: "Easy Application", description: "Peel-and-stick designs that make home renovation a breeze.", imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-68074.jpg", imageAlt: "Easy app icon"},
{
title: "Washable & Durable",
description: "Spill-resistant and easy to clean, keeping your walls beautiful for years.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-pink-watercolor_53876-94611.jpg",
imageAlt: "Durable icon",
},
title: "Washable & Durable", description: "Spill-resistant and easy to clean, keeping your walls beautiful for years.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-pink-watercolor_53876-94611.jpg", imageAlt: "Durable icon"},
{
title: "Free Delivery",
description: "Fast and safe shipping straight to your doorstep across the nation.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-88343.jpg",
imageAlt: "Shipping icon",
},
title: "Free Delivery", description: "Fast and safe shipping straight to your doorstep across the nation.", imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-88343.jpg", imageAlt: "Shipping icon"},
]}
title="Why Choose DecoWall?"
description="Exceptional features that make us the preferred partner for modern home styling."
@@ -162,41 +115,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Gold Geometric Luxe",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tropical-leaves-pink-background_23-2148606384.jpg",
},
id: "1", name: "Gold Geometric Luxe", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tropical-leaves-pink-background_23-2148606384.jpg"},
{
id: "2",
name: "Floral Cream Breeze",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683462.jpg",
},
id: "2", name: "Floral Cream Breeze", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683462.jpg"},
{
id: "3",
name: "Modern Stripe Grey",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/blank-pink-wavy-paper-wallpaper-background_53876-100162.jpg",
},
id: "3", name: "Modern Stripe Grey", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/blank-pink-wavy-paper-wallpaper-background_53876-100162.jpg"},
{
id: "4",
name: "Abstract Vibrant Art",
price: "$52",
imageSrc: "http://img.b2bpic.net/free-photo/mosaic-texture-background_23-2147960267.jpg",
},
id: "4", name: "Abstract Vibrant Art", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/mosaic-texture-background_23-2147960267.jpg"},
{
id: "5",
name: "Classic Damask Silver",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-leaf_23-2148211923.jpg",
},
id: "5", name: "Classic Damask Silver", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-leaf_23-2148211923.jpg"},
{
id: "6",
name: "Stone Marble Chic",
price: "$48",
imageSrc: "http://img.b2bpic.net/free-vector/poster-template-blank-paper-sheet-frame_1217-873.jpg",
},
id: "6", name: "Stone Marble Chic", price: "$48", imageSrc: "http://img.b2bpic.net/free-vector/poster-template-blank-paper-sheet-frame_1217-873.jpg"},
]}
title="Our Wallpaper Collection"
description="Explore the latest trends in wall decor, ranging from minimalist modern to luxury classic designs."
@@ -211,25 +140,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10K+",
title: "Happy Homeowners",
description: "Completed projects",
icon: Users,
id: "m1", value: "10K+", title: "Happy Homeowners", description: "Completed projects", icon: Users,
},
{
id: "m2",
value: "500+",
title: "Unique Designs",
description: "Curated collection",
icon: Layers,
id: "m2", value: "500+", title: "Unique Designs", description: "Curated collection", icon: Layers,
},
{
id: "m3",
value: "98%",
title: "Satisfaction",
description: "Five-star rated",
icon: Award,
id: "m3", value: "98%", title: "Satisfaction", description: "Five-star rated", icon: Award,
},
]}
title="Our Impact"
@@ -245,45 +162,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "CEO",
company: "DesignHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
},
id: "t1", name: "Sarah Johnson", role: "CEO", company: "DesignHub", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg"},
{
id: "t2",
name: "Michael Chen",
role: "Architect",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/no-problem-confident-relaxed-young-professional-woman-assure-she-can-deal-with-anything-her-own-empowered-strong-lady-work-show-okay-gesture-smiling-satisfied-white-background_176420-52529.jpg",
},
id: "t2", name: "Michael Chen", role: "Architect", company: "Studio X", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/no-problem-confident-relaxed-young-professional-woman-assure-she-can-deal-with-anything-her-own-empowered-strong-lady-work-show-okay-gesture-smiling-satisfied-white-background_176420-52529.jpg"},
{
id: "t3",
name: "Emily & David",
role: "Homeowners",
company: "The Smith House",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-couple-love-together_1150-11815.jpg",
},
id: "t3", name: "Emily & David", role: "Homeowners", company: "The Smith House", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-couple-love-together_1150-11815.jpg"},
{
id: "t4",
name: "Alex Rivera",
role: "Designer",
company: "City Arts",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-bird-wall_123827-23879.jpg",
},
id: "t4", name: "Alex Rivera", role: "Designer", company: "City Arts", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-bird-wall_123827-23879.jpg"},
{
id: "t5",
name: "Maria Garcia",
role: "Decorator",
company: "HomePro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-decorative-word-home-candles-vase-with-dried-flowers_169016-18513.jpg",
},
id: "t5", name: "Maria Garcia", role: "Decorator", company: "HomePro", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-decorative-word-home-candles-vase-with-dried-flowers_169016-18513.jpg"},
]}
title="Loved by Our Customers"
description="See why homeowners choose DecoWall for their renovation projects."
@@ -296,20 +188,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is the wallpaper easy to apply?",
content: "Yes, our peel-and-stick collection is designed for DIY enthusiasts, requiring minimal tools.",
},
id: "q1", title: "Is the wallpaper easy to apply?", content: "Yes, our peel-and-stick collection is designed for DIY enthusiasts, requiring minimal tools."},
{
id: "q2",
title: "Do you offer samples?",
content: "Absolutely! You can order samples for any of our premium patterns.",
},
id: "q2", title: "Do you offer samples?", content: "Absolutely! You can order samples for any of our premium patterns."},
{
id: "q3",
title: "What is your return policy?",
content: "We offer a 30-day money-back guarantee on all unopened rolls.",
},
id: "q3", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all unopened rolls."},
]}
title="Frequently Asked Questions"
description="Got questions about our wallpaper products? Find answers here."
@@ -321,8 +204,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Stay Updated"
title="Ready for a Refresh?"
description="Sign up for our newsletter to get the latest decor trends and exclusive discounts."
@@ -335,33 +217,21 @@ export default function LandingPage() {
{
items: [
{
label: "Shop",
href: "#products",
},
label: "Shop", href: "#products"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
]}