301 lines
12 KiB
TypeScript
301 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Inspiration", id: "/inspiration" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{ label: "Outdoor Furniture", href: "/shop" },
|
|
{ label: "Fire Pits", href: "/shop" },
|
|
{ label: "Lighting", href: "/shop" },
|
|
{ label: "Garden Accessories", href: "/shop" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Inspiration Gallery", href: "/inspiration" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Blog", href: "#blog" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "FAQs", href: "#faq" },
|
|
{ label: "Shipping Info", href: "#shipping" },
|
|
{ label: "Returns", href: "#returns" },
|
|
{ label: "Warranty", href: "#warranty" },
|
|
],
|
|
},
|
|
{
|
|
title: "Follow",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Pinterest", href: "https://pinterest.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Backyard Luxury" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Transform Your Backyard Into Luxury"
|
|
description="Discover premium outdoor furniture, fire pits, lighting, and garden accessories designed to elevate your backyard living experience."
|
|
background={{ variant: "plain" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/life-home-with-couple-relaxin-together_23-2149129080.jpg",
|
|
alt: "happy customer enjoying outdoor backyard",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-girl-with-bun-is-walking-along-alley-botanical-garden-is-talking-phone-portrait-pretty-woman-with-headphones-around-her-neck-notebook-her-hands_197531-26043.jpg",
|
|
alt: "beautiful modern outdoor living space",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-couch-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-legs-resort-hotel_285396-6070.jpg",
|
|
alt: "premium patio outdoor furniture setting",
|
|
},
|
|
]}
|
|
avatarText="Trusted by homeowners nationwide"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "/shop" },
|
|
{ text: "Explore Products", href: "#featured" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<ProductCardOne
|
|
title="Featured Collections"
|
|
description="Handpicked outdoor furniture and decor that brings luxury to your backyard"
|
|
tag="New Arrivals"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Premium Teak Lounge Set",
|
|
price: "$2,499",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-6512.jpg?_wi=1",
|
|
imageAlt: "Teak outdoor lounge furniture set",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Modern Fire Pit Pavilion",
|
|
price: "$3,995",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698348.jpg?_wi=1",
|
|
imageAlt: "Contemporary outdoor fire pit with seating",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "LED Ambient Lighting System",
|
|
price: "$1,299",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg?_wi=1",
|
|
imageAlt: "Outdoor LED lighting installation",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Luxury Patio Dining Table",
|
|
price: "$1,899",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-tables-chairs_1232-2168.jpg?_wi=1",
|
|
imageAlt: "High-end outdoor dining furniture",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Designer Garden Planters",
|
|
price: "$599",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/patterned-plant-pots-with-cereus-cactus_53876-146614.jpg?_wi=1",
|
|
imageAlt: "Artisan ceramic garden planters",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Premium Outdoor Rugs",
|
|
price: "$899",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lawn-with-flowers_1101-808.jpg?_wi=1",
|
|
imageAlt: "High-quality outdoor area rugs",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="About Backyard Luxury Co."
|
|
description="We are a family-owned brand passionate about transforming backyards into stunning outdoor sanctuaries. With over 20 years of experience, we curate the finest outdoor living products to help homeowners create their dream backyard spaces."
|
|
tag="Our Story"
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-drinking-wine-near-transparent-bubble-tent-glamping-nature-around_1268-24544.jpg?_wi=1"
|
|
imageAlt="family enjoying luxury backyard space"
|
|
buttons={[{ text: "Learn More", href: "/about" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Backyard Luxury Co. completely transformed our outdoor space. The quality of their products is exceptional, and their team provided outstanding guidance throughout the entire process. We now have the backyard of our dreams!"
|
|
rating={5}
|
|
author="Sarah Mitchell, Homeowner"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/fashion-young-girl-sitting-cafe_1157-20844.jpg",
|
|
alt: "Sarah Mitchell",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1607.jpg",
|
|
alt: "James Davis",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-brunette-lady-dark-sunglasses-walking-around-town-listening-music_197531-5752.jpg",
|
|
alt: "Emily Rodriguez",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
|
alt: "Michael Chen",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands"
|
|
description="We partner with the industry's most respected outdoor living brands to bring premium quality to every customer"
|
|
names={[
|
|
"Restoration Hardware",
|
|
"Poltrona Frau",
|
|
"B&B Italia",
|
|
"Dedon",
|
|
"Brown Jordan",
|
|
"Teak House",
|
|
"Outdoor Designs Inc",
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our products, delivery, and services"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What materials do you use for your outdoor furniture?",
|
|
content:
|
|
"We use premium, weather-resistant materials including teak, aluminum, stainless steel, and performance fabrics. All materials are carefully selected for durability and aesthetic appeal in outdoor environments.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How long does shipping typically take?",
|
|
content:
|
|
"Standard shipping takes 5-7 business days. We also offer expedited shipping options for an additional fee. Large items like fire pits may require special delivery arrangements.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you offer installation services?",
|
|
content:
|
|
"Yes, we offer professional installation services in select areas. Contact our team to inquire about availability in your region. DIY installation guides are also available for most products.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What is your return policy?",
|
|
content:
|
|
"We offer a 60-day money-back guarantee on all products. If you're not completely satisfied, simply contact us for a full refund. Shipping costs are non-refundable unless the item was damaged.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "How do I maintain my outdoor furniture?",
|
|
content:
|
|
"Maintenance depends on the material. Teak requires periodic oiling, while aluminum pieces need occasional cleaning. We provide detailed care guides with every purchase to help you maintain your investment.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Do you offer warranty on your products?",
|
|
content:
|
|
"Yes, all our products come with a 2-year warranty covering manufacturing defects. Extended warranty options are available for premium pieces.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/architect-with-blue-shirt-schematics_23-2148269830.jpg?_wi=1"
|
|
imageAlt="customer service outdoor consultation"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Stay Connected"
|
|
title="Get Exclusive Offers & Design Tips"
|
|
description="Subscribe to our newsletter for the latest product releases, design inspiration, and special discounts on premium outdoor living products."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Backyard Luxury"
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Backyard Luxury Co. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |