Merge version_1 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap } from 'lucide-react';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,94 +31,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FloorMasters"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Flooring Excellence for Your Home"
|
||||
description="Professional installation and restoration services tailored to your space. Durable, beautiful floors crafted with precision."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "100%", label: "Satisfaction Rate" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-tiling-floor-concept_23-2149344003.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg",
|
||||
alt: "Worker installing tiles",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-robot-vacuum-living-room_23-2149036864.jpg",
|
||||
alt: "Robot vacuum in home",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278622.jpg",
|
||||
alt: "Tiler renovating apartment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-tiling-floor_23-2149343996.jpg",
|
||||
alt: "Woman tiling floor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-tiling-floor-concept_23-2149344003.jpg",
|
||||
alt: "Luxury hardwood flooring",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg", alt: "Worker installing tiles" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-using-robot-vacuum-living-room_23-2149036864.jpg", alt: "Robot vacuum in home" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278622.jpg", alt: "Tiler renovating apartment" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-tiling-floor_23-2149343996.jpg", alt: "Woman tiling floor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-tiling-floor-concept_23-2149344003.jpg", alt: "Luxury hardwood flooring" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Hardwood",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Laminate",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vinyl Plank",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Porcelain Tile",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Natural Stone",
|
||||
},
|
||||
{ type: "text", text: "Hardwood" },
|
||||
{ type: "text", text: "Laminate" },
|
||||
{ type: "text", text: "Vinyl Plank" },
|
||||
{ type: "text", text: "Porcelain Tile" },
|
||||
{ type: "text", text: "Natural Stone" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,18 +78,9 @@ export default function LandingPage() {
|
||||
title="Dedicated to Quality Craftsmanship"
|
||||
description="We treat every floor like a work of art. From initial consultation to final inspection, our expert installers ensure long-lasting beauty."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "We source only the best flooring products.",
|
||||
},
|
||||
{
|
||||
title: "Expert Installation",
|
||||
description: "Skilled craftsmen with deep industry knowledge.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "Honest quotes with no hidden costs.",
|
||||
},
|
||||
{ title: "Premium Materials", description: "We source only the best flooring products." },
|
||||
{ title: "Expert Installation", description: "Skilled craftsmen with deep industry knowledge." },
|
||||
{ title: "Transparent Pricing", description: "Honest quotes with no hidden costs." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/uniform-construction-tools-wooden-table-top-view_169016-24245.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -152,30 +92,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hardwood Installation",
|
||||
description: "Timeless elegance for your living spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278629.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Carpet & Rugs",
|
||||
description: "Soft, comfortable flooring solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Custom Tile Work",
|
||||
description: "Durable and stylized floor designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836944.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Flooring Restoration",
|
||||
description: "Renew your old floors to look brand new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-cement-wall-background_1372-436.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{ title: "Hardwood Installation", description: "Timeless elegance for your living spaces.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278629.jpg", buttonIcon: Zap },
|
||||
{ title: "Carpet & Rugs", description: "Soft, comfortable flooring solutions.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg", buttonIcon: Zap },
|
||||
{ title: "Custom Tile Work", description: "Durable and stylized floor designs.", imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836944.jpg", buttonIcon: Zap },
|
||||
{ title: "Flooring Restoration", description: "Renew your old floors to look brand new.", imageSrc: "http://img.b2bpic.net/free-photo/gray-cement-wall-background_1372-436.jpg", buttonIcon: Zap },
|
||||
]}
|
||||
title="Comprehensive Flooring Services"
|
||||
description="Expert solutions for every room in your property."
|
||||
@@ -189,42 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Oak Hardwood",
|
||||
price: "From $8/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935984.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Designer Laminate",
|
||||
price: "From $4/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-background-wood-texture_23-2148210062.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Vinyl Plank",
|
||||
price: "From $5/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-wooden-boards_1249-118.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Porcelain Tile",
|
||||
price: "From $6/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-texture_1194-8410.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Natural Stone Slate",
|
||||
price: "From $12/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiled-brick-work-background-texture_1194-603482.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bamboo Plank",
|
||||
price: "From $7/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pots_23-2147997222.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Oak Hardwood", price: "From $8/sqft", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935984.jpg" },
|
||||
{ id: "p2", name: "Designer Laminate", price: "From $4/sqft", imageSrc: "http://img.b2bpic.net/free-photo/decorative-background-wood-texture_23-2148210062.jpg" },
|
||||
{ id: "p3", name: "Luxury Vinyl Plank", price: "From $5/sqft", imageSrc: "http://img.b2bpic.net/free-photo/texture-wooden-boards_1249-118.jpg" },
|
||||
{ id: "p4", name: "Porcelain Tile", price: "From $6/sqft", imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-texture_1194-8410.jpg" },
|
||||
{ id: "p5", name: "Natural Stone Slate", price: "From $12/sqft", imageSrc: "http://img.b2bpic.net/free-photo/tiled-brick-work-background-texture_1194-603482.jpg" },
|
||||
{ id: "p6", name: "Bamboo Plank", price: "From $7/sqft", imageSrc: "http://img.b2bpic.net/free-photo/pots_23-2147997222.jpg" },
|
||||
]}
|
||||
title="Featured Materials"
|
||||
description="Browse our curated selection of high-quality flooring materials."
|
||||
@@ -233,44 +123,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Miller",
|
||||
handle: "@alice",
|
||||
testimonial: "Excellent workmanship. Floors look amazing!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-young-man-cafe-visitor-sitting-with-his-smartphone-listening_1258-314323.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bob",
|
||||
testimonial: "Very professional and timely completion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Davis",
|
||||
handle: "@charlie",
|
||||
testimonial: "They turned our old rooms into masterpieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086832.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Ross",
|
||||
handle: "@diana",
|
||||
testimonial: "Highly recommended for any flooring project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877352.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Edward Norton",
|
||||
handle: "@ed",
|
||||
testimonial: "Attention to detail was truly impressive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice Miller", handle: "@alice", testimonial: "Excellent workmanship. Floors look amazing!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-young-man-cafe-visitor-sitting-with-his-smartphone-listening_1258-314323.jpg" },
|
||||
{ id: "t2", name: "Bob Smith", handle: "@bob", testimonial: "Very professional and timely completion.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ id: "t3", name: "Charlie Davis", handle: "@charlie", testimonial: "They turned our old rooms into masterpieces.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086832.jpg" },
|
||||
{ id: "t4", name: "Diana Ross", handle: "@diana", testimonial: "Highly recommended for any flooring project.", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877352.jpg" },
|
||||
{ id: "t5", name: "Edward Norton", handle: "@ed", testimonial: "Attention to detail was truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our happy customers have to say about our work."
|
||||
@@ -281,21 +142,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does installation take?",
|
||||
content: "Depending on the square footage, it usually takes 1-3 days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free in-home consultations and estimates.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you match existing floors?",
|
||||
content: "We excel at blending new installations with your existing floors.",
|
||||
},
|
||||
{ id: "q1", title: "How long does installation take?", content: "Depending on the square footage, it usually takes 1-3 days." },
|
||||
{ id: "q2", title: "Do you offer free estimates?", content: "Yes, we provide free in-home consultations and estimates." },
|
||||
{ id: "q3", title: "Can you match existing floors?", content: "We excel at blending new installations with your existing floors." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our flooring services."
|
||||
@@ -306,9 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for your new floor?"
|
||||
description="Get a free, no-obligation quote today and start your journey to better floors."
|
||||
@@ -320,37 +167,17 @@ export default function LandingPage() {
|
||||
logoText="FloorMasters"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user