258 lines
14 KiB
TypeScript
258 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Mattresses", id: "mattress-types" },
|
|
{ name: "Products", id: "/products" },
|
|
{ name: "About Us", id: "why-us" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Better Sleep Local"
|
|
bottomLeftText="Local Experts Since 2005"
|
|
bottomRightText="📞 (555) 123-4567"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Better Sleep Starts Here"
|
|
description="Discover premium mattresses from local sleep experts. Try before you buy, with expert guidance and same-day delivery available."
|
|
background={{ variant: "plain" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg", alt: "Satisfied customer 1"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg", alt: "Satisfied customer 2"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg", alt: "Satisfied customer 3"
|
|
},
|
|
]}
|
|
avatarText="Trusted by 500+ happy customers"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+15551234567" },
|
|
{ text: "Get Mattress Advice", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Hero section for mattress shop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Why Trust Us"
|
|
description="Local expertise backed by customer satisfaction and industry recognition."
|
|
tag="Proven Track Record"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "18+", title: "Years of Local Experience", items: [
|
|
"Family-owned since 2005", "Served 10,000+ customers", "Expert sleep consultants"
|
|
],
|
|
},
|
|
{
|
|
id: "2", value: "4.9★", title: "Google Rating", items: [
|
|
"500+ verified reviews", "Consistent 5-star feedback", "Award-winning customer service"
|
|
],
|
|
},
|
|
{
|
|
id: "3", value: "100%", title: "Satisfaction Guarantee", items: [
|
|
"30-day comfort guarantee", "Free trial in-store", "Hassle-free returns"
|
|
],
|
|
},
|
|
{
|
|
id: "4", value: "Same Day", title: "Delivery Available", items: [
|
|
"Fast local delivery", "Professional setup", "Haul-away service included"
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="mattress-types" data-section="mattress-types">
|
|
<ProductCardTwo
|
|
title="Our Mattress Selection"
|
|
description="Find the perfect mattress type for your sleep needs. All available for in-store testing."
|
|
tag="Best Sellers"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Comfort Sleep Co", name: "Premium Memory Foam", price: "Starting at $599", rating: 5,
|
|
reviewCount: "287", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=1", imageAlt: "Premium memory foam mattress"
|
|
},
|
|
{
|
|
id: "2", brand: "DreamSupport", name: "Hybrid Luxury Series", price: "Starting at $799", rating: 5,
|
|
reviewCount: "165", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=1", imageAlt: "Luxury hybrid mattress with springs and foam"
|
|
},
|
|
{
|
|
id: "3", brand: "HealthSupport", name: "Orthopedic Support", price: "Starting at $649", rating: 5,
|
|
reviewCount: "213", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=1", imageAlt: "Orthopedic support mattress for back pain relief"
|
|
},
|
|
{
|
|
id: "4", brand: "BudgetComfort", name: "Affordable Comfort", price: "Starting at $399", rating: 4,
|
|
reviewCount: "156", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=2", imageAlt: "Budget-friendly comfortable mattress"
|
|
},
|
|
{
|
|
id: "5", brand: "PremiumLux", name: "Executive Prestige", price: "Starting at $1,299", rating: 5,
|
|
reviewCount: "98", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=2", imageAlt: "Premium executive mattress"
|
|
},
|
|
{
|
|
id: "6", brand: "ThermoControl", name: "Cooling Gel Memory", price: "Starting at $699", rating: 5,
|
|
reviewCount: "134", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=2", imageAlt: "Cooling gel memory foam mattress"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricSplitMediaAbout
|
|
tag="Local Experts"
|
|
tagIcon={Heart}
|
|
title="Why Choose Our Mattress Shop"
|
|
description="We're not just selling mattresses—we're helping you sleep better. Our team of certified sleep consultants has personally tested every mattress we sell. We believe in transparency, quality, and real customer service."
|
|
metrics={[
|
|
{ value: "500+", title: "Happy Customers This Year" },
|
|
{ value: "30 Days", title: "Sleep Trial Guarantee" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-home-bed_1157-31070.jpg"
|
|
imageAlt="Our comfortable and inviting showroom"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
tagAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Real Customer Reviews"
|
|
description="See what our customers are saying about their experience and their new mattresses."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Social Proof"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Finally sleeping through the night", quote:
|
|
"I was skeptical about the ortho mattress, but the team let me try it in-store for an hour. After just one night at home, I could tell it was different. Best purchase we've made.", name: "Sarah Mitchell", role: "Homeowner", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg?_wi=1", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", title: "Professional and honest service", quote:
|
|
"They didn't push me to buy the most expensive option. The consultant actually listened to my needs and recommended a mid-range mattress. Four months later, couldn't be happier.", name: "Michael Chen", role: "Business Owner", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg?_wi=1", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", title: "Delivery and setup was flawless", quote:
|
|
"Same-day delivery? Yes please. They came when they said they would, set everything up perfectly, and even hauled away our old mattress. Couldn't ask for better service.", name: "Jennifer Adams", role: "Young Professional", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg", imageAlt: "Jennifer Adams"
|
|
},
|
|
{
|
|
id: "4", title: "Local business that truly cares", quote:
|
|
"It's refreshing to work with a local mattress shop instead of ordering online blindly. These folks know their stuff, and they stand behind every mattress they sell.", name: "David Rodriguez", role: "Retired", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/businessman-close-up_1139-650.jpg", imageAlt: "David Rodriguez"
|
|
},
|
|
{
|
|
id: "5", title: "My back pain is gone", quote:
|
|
"Within a week of using the orthopedic mattress, my morning back pain disappeared. I've recommended this shop to everyone I know. Thank you for changing my sleep.", name: "Maria Santos", role: "Healthcare Worker", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg?_wi=2", imageAlt: "Maria Santos"
|
|
},
|
|
{
|
|
id: "6", title: "Worth every penny", quote:
|
|
"We invested in the premium hybrid mattress and have never slept better. The comfort, support, and durability are unmatched. The team's advice was invaluable.", name: "Thomas Williams", role: "Executive", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg?_wi=2", imageAlt: "Thomas Williams"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your sleep? Contact our mattress experts today for personalized recommendations and a comfortable night's rest."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "📞 Call Now (555) 123-4567", href: "tel:+15551234567" },
|
|
{ text: "🗺️ Visit Our Showroom", href: "#" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-room-stylish-evening-dress-flirty-sexy-fashion-outfit-white-sheets_285396-6130.jpg"
|
|
imageAlt="Bedroom interior"
|
|
logoText="Better Sleep Local"
|
|
copyrightText="© 2025 Better Sleep Local Mattress Shop | All rights reserved"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Memory Foam", href: "/products" },
|
|
{ label: "Hybrid Mattresses", href: "/products" },
|
|
{ label: "Orthopedic Support", href: "/products" },
|
|
{ label: "All Mattresses", href: "/products" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#why-us" },
|
|
{ label: "Customer Reviews", href: "#testimonials" },
|
|
{ label: "Local Expertise", href: "#metrics" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "30-Day Guarantee", href: "#" },
|
|
{ label: "Delivery & Setup", href: "#" },
|
|
{ label: "Mattress Care Tips", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|