Merge version_1 into main #2
268
src/app/page.tsx
268
src/app/page.tsx
@@ -33,68 +33,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="HT Floors"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Transform Your Home with Precision"
|
||||
description="Expert flooring installation and full-service remodeling to bring your vision to life with quality craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-2077.jpg?_wi=1",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-2077.jpg"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-worker-lining-floor-with-laminated-flooring-boards_231208-4214.jpg",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-lining-floor-with-laminated-flooring-boards_231208-4214.jpg"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attic-minimal-kitchen-blue-fronts-bright-marble_169016-69269.jpg",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/attic-minimal-kitchen-blue-fronts-bright-marble_169016-69269.jpg"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-processing-floor-with-laminated-flooring-boards_231208-4211.jpg",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/worker-processing-floor-with-laminated-flooring-boards_231208-4211.jpg"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-smartphone-sits-home-does-homework-watches-smth-mobile-phone-app_1258-199920.jpg",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-smartphone-sits-home-does-homework-watches-smth-mobile-phone-app_1258-199920.jpg"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-tiling-floor_23-2149344001.jpg",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-tiling-floor_23-2149344001.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,76 +81,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hardwood Flooring",
|
||||
description: "Beautiful, durable hardwood solutions installed with care.",
|
||||
items: [
|
||||
title: "Hardwood Flooring", description: "Beautiful, durable hardwood solutions installed with care.", items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Solid Wood",
|
||||
},
|
||||
text: "Solid Wood"},
|
||||
{
|
||||
icon: Ruler,
|
||||
text: "Engineered Wood",
|
||||
},
|
||||
text: "Engineered Wood"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Refinishing",
|
||||
},
|
||||
text: "Refinishing"},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-white-minimal-kitchen-with-wood-decoration_105762-2211.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-2077.jpg?_wi=2",
|
||||
imageAlt: "luxury hardwood floor renovation interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-white-minimal-kitchen-with-wood-decoration_105762-2211.jpg", imageAlt: "luxury hardwood floor renovation interior"},
|
||||
},
|
||||
{
|
||||
title: "Full Remodels",
|
||||
description: "Complete transformation of your kitchen, bathroom, or living area.",
|
||||
items: [
|
||||
title: "Full Remodels", description: "Complete transformation of your kitchen, bathroom, or living area.", items: [
|
||||
{
|
||||
icon: Home,
|
||||
text: "Kitchens",
|
||||
},
|
||||
text: "Kitchens"},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Bathrooms",
|
||||
},
|
||||
text: "Bathrooms"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Full Layouts",
|
||||
},
|
||||
text: "Full Layouts"},
|
||||
],
|
||||
reverse: true,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-wearing-helmets_23-2149366643.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-young-couple-are-sitting-floor-with-paint-brush-bucket-while-doing-repair-home_496169-751.jpg?_wi=1",
|
||||
imageAlt: "luxury hardwood floor renovation interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-young-couple-are-sitting-floor-with-paint-brush-bucket-while-doing-repair-home_496169-751.jpg", imageAlt: "luxury hardwood floor renovation interior"},
|
||||
},
|
||||
{
|
||||
title: "Tile & Stone",
|
||||
description: "Expert tile installation for floors, walls, and backsplashes.",
|
||||
items: [
|
||||
title: "Tile & Stone", description: "Expert tile installation for floors, walls, and backsplashes.", items: [
|
||||
{
|
||||
icon: Grid,
|
||||
text: "Custom Patterns",
|
||||
},
|
||||
text: "Custom Patterns"},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Mosaic Design",
|
||||
},
|
||||
text: "Mosaic Design"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Precision Cut",
|
||||
},
|
||||
text: "Precision Cut"},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg?_wi=1",
|
||||
imageAlt: "luxury hardwood floor renovation interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg", imageAlt: "luxury hardwood floor renovation interior"},
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
@@ -191,17 +142,11 @@ export default function LandingPage() {
|
||||
description="At HT Floors, we combine decades of remodeling experience with modern design sensibilities to deliver spaces that truly reflect your style."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Certified Experts",
|
||||
description: "Licensed and insured craftsmen.",
|
||||
},
|
||||
title: "Certified Experts", description: "Licensed and insured craftsmen."},
|
||||
{
|
||||
title: "Quality Materials",
|
||||
description: "Only the finest materials for every project.",
|
||||
},
|
||||
title: "Quality Materials", description: "Only the finest materials for every project."},
|
||||
{
|
||||
title: "On-Time Delivery",
|
||||
description: "Respecting your schedule and your home.",
|
||||
},
|
||||
title: "On-Time Delivery", description: "Respecting your schedule and your home."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpenter-marking-wooden-desk-with-measuring-tape_74855-5662.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -216,41 +161,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Hardwood",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg",
|
||||
},
|
||||
id: "p1", name: "Modern Hardwood", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Kitchen Renovation",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-interior_23-2152016396.jpg",
|
||||
},
|
||||
id: "p2", name: "Kitchen Renovation", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-interior_23-2152016396.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bathroom Tile",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-kitchen-dining-area_23-2151983253.jpg",
|
||||
},
|
||||
id: "p3", name: "Bathroom Tile", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-kitchen-dining-area_23-2151983253.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Custom Backsplash",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-using-sand-paper-carpentry-workshop-concept_23-2148640281.jpg",
|
||||
},
|
||||
id: "p4", name: "Custom Backsplash", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-using-sand-paper-carpentry-workshop-concept_23-2148640281.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Open Concept Floor",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corner-kitchen-open-drawers-cooking-zone_169016-69130.jpg",
|
||||
},
|
||||
id: "p5", name: "Open Concept Floor", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/corner-kitchen-open-drawers-cooking-zone_169016-69130.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxury Vinyl Plank",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-checking-dimensions-wooden-plank_329181-3746.jpg",
|
||||
},
|
||||
id: "p6", name: "Luxury Vinyl Plank", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-checking-dimensions-wooden-plank_329181-3746.jpg"},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="Explore our portfolio of recent flooring and remodeling transformations."
|
||||
@@ -264,31 +185,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Projects Completed", items: [
|
||||
"Residential", "Commercial"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expertise",
|
||||
"Craftsmanship",
|
||||
],
|
||||
id: "m2", value: "15+", title: "Years Experience", items: [
|
||||
"Expertise", "Craftsmanship"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Quality",
|
||||
"Reliability",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Client Satisfaction", items: [
|
||||
"Quality", "Reliability"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -301,30 +207,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-young-couple-are-sitting-floor-with-paint-brush-bucket-while-doing-repair-home_496169-751.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/tired-young-couple-are-sitting-floor-with-paint-brush-bucket-while-doing-repair-home_496169-751.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Bob Smith", imageSrc: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
},
|
||||
id: "t3", name: "Charlie Davis", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dana White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
},
|
||||
id: "t4", name: "Dana White", imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Edward Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
},
|
||||
id: "t5", name: "Edward Brown", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -338,20 +229,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we offer free estimates for all our services.",
|
||||
},
|
||||
id: "f1", title: "Do you provide estimates?", content: "Yes, we offer free estimates for all our services."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you insured?",
|
||||
content: "Absolutely, we are fully licensed and insured.",
|
||||
},
|
||||
id: "f2", title: "Are you insured?", content: "Absolutely, we are fully licensed and insured."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a remodel take?",
|
||||
content: "It depends on the project size; we will provide a timeline upon assessment.",
|
||||
},
|
||||
id: "f3", title: "How long does a remodel take?", content: "It depends on the project size; we will provide a timeline upon assessment."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our remodeling services? Find answers here."
|
||||
@@ -363,16 +245,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Reach out today for a consultation or to schedule an estimate for your next remodeling or flooring project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@htfloors.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@htfloors.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -381,50 +260,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Hardwood Flooring",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Hardwood Flooring", href: "#services"},
|
||||
{
|
||||
label: "Full Remodels",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Full Remodels", href: "#services"},
|
||||
{
|
||||
label: "Tile & Stone",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Tile & Stone", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user