507 lines
19 KiB
TypeScript
507 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Star, Lightbulb, CheckCircle, Wrench, Zap, MessageSquare, Ruler, Check, Users } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
{/* Navigation */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Carpet Exchange"
|
|
bottomLeftText="Premium Flooring Expertise"
|
|
bottomRightText="Get Free Estimate"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Luxury Carpet & Flooring Installed With Precision"
|
|
description="Expert guidance, premium materials, and flawless installation — trusted by homeowners for exceptional service and honest recommendations."
|
|
background={{ variant: "plain" }}
|
|
tag="5-Star Rated Service"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Get Free Estimate",
|
|
href: "contact",
|
|
},
|
|
{
|
|
text: "Browse Styles",
|
|
href: "services",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2722.jpg?_wi=1"
|
|
imageAlt="Luxury home interior with premium carpet"
|
|
mediaAnimation="opacity"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Social Proof Section */}
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Homeowners Everywhere"
|
|
description="Join hundreds of satisfied customers who've transformed their homes with our expertise"
|
|
names={[
|
|
"Beautiful Homes Transformed",
|
|
"Expert Installation Teams",
|
|
"Premium Material Selection",
|
|
"Fast Professional Service",
|
|
"Personal Customer Care",
|
|
"Honest Recommendations",
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={35}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Featured Services Section */}
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Featured Services"
|
|
description="From selection to installation, we handle every detail with care and precision"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Premium Carpet Installation",
|
|
author: "Expert Installation",
|
|
description:
|
|
"Premium carpet styles professionally installed by our experienced team. We guide you through selection and ensure flawless installation every time.",
|
|
tags: ["Carpet", "Installation"],
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/hand-woven-geometric-denim-area-rug-wooden-floor_169016-48731.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Elegant Stair Runners",
|
|
author: "Safety & Style",
|
|
description:
|
|
"Beautiful runners that add safety and elegance to your staircase. Custom selections tailored to your home's aesthetic and your family's needs.",
|
|
tags: ["Stair Runners", "Design"],
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors-holding-cigarette_171337-19368.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Hardwood & Flooring",
|
|
author: "Timeless Solutions",
|
|
description:
|
|
"Timeless flooring solutions for every room. From premium hardwoods to specialty finishes, we offer options that match any home's character and budget.",
|
|
tags: ["Hardwood", "Flooring"],
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/mother-playing-with-her-daughter-spin_1153-2024.jpg?_wi=1",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Choose Us Section */}
|
|
<div id="why-choose" data-section="why-choose">
|
|
<SplitAbout
|
|
title="Why Customers Love Carpet Exchange"
|
|
description="Based directly on what our customers tell us, here's what sets us apart"
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Guidance",
|
|
description:
|
|
"Knowledgeable team members help you choose the perfect flooring for your space and lifestyle",
|
|
icon: Lightbulb,
|
|
},
|
|
{
|
|
title: "Honest Recommendations",
|
|
description:
|
|
"Customers repeatedly praise our transparency and genuine care for getting it right",
|
|
icon: CheckCircle,
|
|
},
|
|
{
|
|
title: "Professional Installation",
|
|
description:
|
|
"Experienced installers who treat every project with precision and attention to detail",
|
|
icon: Wrench,
|
|
},
|
|
{
|
|
title: "Fast & Reliable",
|
|
description:
|
|
"Even tight deadlines handled professionally without compromising on quality or care",
|
|
icon: Zap,
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Real Stories From Our Customers"
|
|
description="Hear from homeowners who've experienced the Carpet Exchange difference"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Ryan Mitchell",
|
|
role: "Homeowner, Downtown",
|
|
testimonial:
|
|
"Rylee and the team helped us choose the perfect stair runner and installed it beautifully. The process was smooth from start to finish. Highly recommend!",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Rylee Garcia",
|
|
role: "Interior Designer, West End",
|
|
testimonial:
|
|
"Rylee and her team were responsive, knowledgeable, and professional. I've recommended them to all my clients. They deliver exceptional results every single time.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Taylor Davis",
|
|
role: "Sales Specialist, Local",
|
|
testimonial:
|
|
"Taylor's recommendations were honest and spot on. He didn't push us toward expensive options we didn't need. That integrity is rare and much appreciated.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Daniel Kim",
|
|
role: "Project Manager, Renovation",
|
|
testimonial:
|
|
"I came in for a small piece of padding and was treated like I was remodeling my whole house. That level of care and attention is what makes them special.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85922.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Lori Brown",
|
|
role: "Homeowner, Suburbs",
|
|
testimonial:
|
|
"From start to finish, communication was outstanding and the installation was perfect. They made the entire process stress-free and enjoyable.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Todd Greenfield",
|
|
role: "Property Manager, Multi-Unit",
|
|
testimonial:
|
|
"Fast turnaround, professional installation, and they handled everything with precision. For rental properties or residences, they're the best choice.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg?_wi=2",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
{/* Gallery Section */}
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardTwo
|
|
title="Gallery of Our Work"
|
|
description="Explore recent installations and transformations that showcase our craftsmanship"
|
|
blogs={[
|
|
{
|
|
id: "1",
|
|
category: ["Living Room", "Carpet"],
|
|
title: "Modern Living Room Luxury Carpet",
|
|
excerpt:
|
|
"A stunning transformation featuring premium carpet selection and expert installation in a contemporary living space.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=1",
|
|
authorName: "Carpet Exchange",
|
|
authorAvatar:
|
|
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
|
|
date: "Recent Project",
|
|
},
|
|
{
|
|
id: "2",
|
|
category: ["Bedroom", "Carpet"],
|
|
title: "Soft Luxury Bedroom Flooring",
|
|
excerpt:
|
|
"Creating comfort and elegance with premium carpet selection perfect for a serene bedroom retreat.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/home-sofa-with-objects-cozy-decor-living-room_169016-5758.jpg?_wi=1",
|
|
authorName: "Carpet Exchange",
|
|
authorAvatar:
|
|
"http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
|
|
date: "Recent Project",
|
|
},
|
|
{
|
|
id: "3",
|
|
category: ["Entryway", "Flooring"],
|
|
title: "Sophisticated Foyer Entrance Design",
|
|
excerpt:
|
|
"First impressions matter. This elegant entryway features premium flooring that sets the tone for the entire home.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/blonde-posing-lady-black-suit-woman-home_1157-44918.jpg?_wi=1",
|
|
authorName: "Carpet Exchange",
|
|
authorAvatar:
|
|
"http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
|
|
date: "Recent Project",
|
|
},
|
|
{
|
|
id: "4",
|
|
category: ["Stairs", "Design"],
|
|
title: "Elegant Staircase with Custom Runner",
|
|
excerpt:
|
|
"A beautiful staircase enhanced with a custom runner that combines safety, style, and sophistication.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg?_wi=1",
|
|
authorName: "Carpet Exchange",
|
|
authorAvatar:
|
|
"http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85922.jpg",
|
|
date: "Recent Project",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
{/* Process Section */}
|
|
<div id="process" data-section="process">
|
|
<MetricCardOne
|
|
title="The Carpet Exchange Experience"
|
|
description="Three simple steps from consultation to installation to enjoying your beautiful new flooring"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "1",
|
|
title: "Consultation",
|
|
description:
|
|
"We help you select the perfect carpet or flooring for your space, lifestyle, and budget",
|
|
icon: MessageSquare,
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "2",
|
|
title: "Measurement & Quote",
|
|
description:
|
|
"Fast and accurate measurement with transparent pricing - no surprises, no games",
|
|
icon: Ruler,
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "3",
|
|
title: "Installation",
|
|
description:
|
|
"Expert installers ensure a flawless result that lasts for years to come",
|
|
icon: Check,
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Team Section */}
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
title="Meet Our Team"
|
|
description="The experienced professionals behind every successful project"
|
|
team={[
|
|
{
|
|
id: "1",
|
|
name: "Rylee",
|
|
role: "Flooring Specialist",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Taylor Davis",
|
|
role: "Sales Specialist",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Daniel",
|
|
role: "Project Specialist",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85922.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Ryan",
|
|
role: "Installation Lead",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg?_wi=3",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* CTA Section */}
|
|
<div id="cta" data-section="cta">
|
|
<ContactSplitForm
|
|
title="Transform Your Home With Beautiful Flooring"
|
|
description="Get a free estimate today. Our team will help you find the perfect flooring solution for your space."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Phone Number",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "projectType",
|
|
type: "text",
|
|
placeholder: "Project Type (Carpet, Hardwood, Stairs)",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your project and preferences...",
|
|
rows: 5,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205471.jpg?_wi=1"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
buttonText="Get Free Estimate"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Carpet Installation",
|
|
href: "services",
|
|
},
|
|
{
|
|
label: "Stair Runners",
|
|
href: "services",
|
|
},
|
|
{
|
|
label: "Hardwood & Flooring",
|
|
href: "services",
|
|
},
|
|
{
|
|
label: "Installation",
|
|
href: "services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Gallery",
|
|
href: "gallery",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
label: "Get Free Estimate",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Warranty Information",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Contact Support",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Carpet Exchange. Premium Flooring, Expert Installation, Honest Service."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |