Update src/app/page.tsx
This commit is contained in:
218
src/app/page.tsx
218
src/app/page.tsx
@@ -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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user