bender/6c7c4174-27a5-40db-acca-b6dd7e827a16
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_9 into main

Browse Source 
Merge version_9 into main
This commit was merged in pull request #25.
This commit is contained in:
bender
2026-06-09 23:34:44 +00:00
parent a6b6f6b414 3a54d4e5c7
commit 372d7b593a
4 changed files with 257 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
src/app/contact/page.tsx
View File

@@ -2,12 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBase from '@/components/sections/footer/FooterBase';
import ContactText from '@/components/sections/contact/ContactText';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -22,80 +21,74 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "/"},
{
name: "Services", id: "/services"},
{
name: "Gallery", id: "/gallery"},
{
name: "Contact", id: "/contact"},
]}
brandName="FloorCraft"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get a Free Quote", href: "/contact" }}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo"
brandName="FloorCraft"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain"}}
title="Ready to Transform Your Floors?"
description="Contact Us for a Free Quote Today!"
tag="Get in Touch"
imageSrc="https://img.b2bpic.net/free-photo/young-man-working-computer-desk_23-2147814498.jpg?id=433612503"
imageAlt="Contact us for a free quote"
mediaPosition="right"
mediaAnimation="slide-up"
inputPlaceholder="Your Email"
buttonText="Submit Request"
termsText="By submitting, you agree to our Terms and Conditions."
onSubmit={(email) => console.log(email)}
/>
</div>
<div id="contact-form-section" data-section="contact-form-section">
<ContactText
text="Ready to transform your floors? Fill out the form below to get a free, no-obligation quote or to send us your inquiry. We're here to help!"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{
text: "Call Us Today", href: "tel:+1234567890"
},
{
text: "Email Us", href: "mailto:info@floorcraft.com"
}
]}
/>
{/* A multi-field form for inquiries and quote requests would be placed here.
The current component registry does not contain a suitable component
for this, so ContactText is used as a placeholder for the section's purpose. */}
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "faq-1", title: "What types of hardwood floors do you install?", content: "We install all types of hardwood flooring, including solid hardwood, engineered hardwood, and parquet. We also work with a variety of wood species like oak, maple, hickory, and more."},
{
id: "faq-2", title: "Is your floor sanding process dust-free?", content: "Yes, we utilize state-of-the-art dust containment systems during our sanding process to minimize dust and ensure a cleaner environment for your home."},
{
id: "faq-3", title: "How long does a typical installation take?", content: "The duration of an installation depends on the size of the area, the type of flooring, and any necessary prep work. We provide a detailed timeline with your free estimate."},
{
id: "faq-4", title: "Do you offer free estimates?", content: "Absolutely! We offer complimentary, no-obligation estimates for all our services. Contact us to schedule your on-site assessment."},
{
id: "faq-5", title: "What areas do you serve?", content: "FloorCraft proudly serves homes across Georgia, Florida, South Carolina, Alabama, North Carolina, and Mississippi. Check our service areas section for more details."},
{
id: "faq-6", title: "How do I maintain my new hardwood floors?", content: "We provide comprehensive care instructions upon completion of your project. Generally, regular sweeping, damp mopping, and avoiding harsh chemicals are key."},
]}
title="Common Questions About Flooring"
description="Got questions? We've got answers. Find out everything you need to know about hardwood installation, sanding, maintenance, and our process."
faqsAnimation="slide-up"
imageSrc="https://img.b2bpic.net/free-photo/modern-interior-design-with-empty-wall_23-2151044458.jpg?id=413550269"
imageAlt="FAQ section media"
mediaAnimation="slide-up"
mediaPosition="left"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo"
logoText="FloorCraft"
leftLink={{
text: "Home", href: "/"}}
rightLink={{
text: "Contact", href: "/contact"}}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Services", items: [
{ label: "Hardwood Installation", href: "/services#hardwood-installation" },
{ label: "Floor Sanding", href: "/services#floor-sanding" },
{ label: "Free Estimates", href: "/services#free-estimates" },
{ label: "Custom Designs", href: "/services#custom-designs" },
],
},
{
title: "About Us", items: [
{ label: "Our Story", href: "/#about" },
{ label: "Testimonials", href: "/#home-testimonials" },
{ label: "Service Areas", href: "/services#service-areas" },
{ label: "FAQs", href: "/contact" },
],
},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo"
logoText="FloorCraft"
copyrightText="© 2024 FloorCraft. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

119
src/app/gallery/page.tsx
View File

@@ -3,10 +3,25 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterBase from '@/components/sections/footer/FooterBase';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function GalleryPage() {
const galleryItems = [
{
id: "1", name: "Classic Oak Living Room", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966820443-2vc4yi0u.png", imageAlt: "Classic Oak Living Room"},
{
id: "2", name: "Modern Herringbone Dining", imageSrc: "https://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?id=420756080", imageAlt: "Modern Herringbone Dining"},
{
id: "3", name: "Rustic Pine Bedroom", imageSrc: "https://img.b2bpic.net/free-photo/rustic-weathered-wood-surface-with-long-boards-lined-up_24972-248.jpg?id=3913052", imageAlt: "Rustic Pine Bedroom"},
{
id: "4", name: "Commercial Grade Laminate", imageSrc: "https://img.b2bpic.net/free-photo/warm-wooden-texture_23-2151946271.jpg?id=413147449", imageAlt: "Commercial Grade Laminate"},
{
id: "5", name: "Gym Floor Refinish", imageSrc: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371", imageAlt: "Gym Floor Refinish"},
{
id: "6", name: "Staircase Revitalization", imageSrc: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179", imageAlt: "Staircase Revitalization"}
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -22,77 +37,83 @@ export default function GalleryPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
{
name: "Home", id: "/"},
{
name: "Services", id: "/services"},
{
name: "Gallery", id: "/gallery"},
{
name: "Contact", id: "/contact"},
]}
button={{
text: "Get a Free Quote", href: "/contact" }}
text: "Get a Free Quote", href: "/contact"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo"
brandName="FloorCraft"
/>
/>
</div>
<div id="project-gallery" data-section="project-gallery">
<div id="gallery-section" data-section="gallery-section">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
carouselMode="buttons"
products={[
{ id: "project-1", brand: "Hardwood", name: "Modern Kitchen Refinish", price: "", rating: 5, reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-d9zo6f2r.png", imageAlt: "Modern kitchen with newly refinished hardwood floors" },
{ id: "project-2", brand: "Custom", name: "Geometric Entryway Design", price: "", rating: 5, reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-vzc55io2.png", imageAlt: "Intricate geometric hardwood floor design in entryway" },
{ id: "project-3", brand: "Dark Oak", name: "Elegant Living Room Install", price: "", rating: 5, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966652304-xfnb27na.png", imageAlt: "Worker installing dark oak hardwood floors in living room" },
{ id: "project-4", brand: "Natural Oak", name: "Bright Office Space", price: "", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780967930309-ylogas5d.png", imageAlt: "Bright office space with newly installed natural oak flooring" },
{ id: "project-5", brand: "Mahogany", name: "Classic Dining Area", price: "", rating: 5, reviewCount: "20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780968009290-vn12hcty.png", imageAlt: "Classic dining area with rich mahogany hardwood floors" },
{ id: "project-6", brand: "Maple", name: "Spacious Bedroom", price: "", rating: 5, reviewCount: "10", imageSrc: "https://img.b2bpic.net/free-photo/close-up-wooden-surface_23-2147731715.jpg?id=1526425", imageAlt: "Spacious bedroom with light maple hardwood flooring" }
]}
title="Our Gallery: Crafting Beautiful Floors"
description="Explore a selection of our finest flooring projects. Each image tells a story of dedication, precision, and the lasting beauty FloorCraft brings to every home."
title="Our Craftsmanship in Every Detail"
description="Explore a collection of our completed projects, showcasing the quality and dedication FloorCraft brings to every floor."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={galleryItems}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterBase
columns={[
{
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" }
]
},
{
{
label: "Home", href: "/"},
{
label: "Services", href: "/services"},
{
label: "Gallery", href: "/gallery"},
{
label: "Contact", href: "/contact"},
],
},
{
title: "Services", items: [
{ label: "Hardwood Installation", href: "/services#hardwood-installation" },
{ label: "Floor Sanding", href: "/services#floor-sanding" },
{ label: "Free Estimates", href: "/services#free-estimates" },
{ label: "Custom Designs", href: "/services#custom-designs" }
]
},
{
{
label: "Hardwood Installation", href: "/services#hardwood-installation"},
{
label: "Floor Sanding", href: "/services#floor-sanding"},
{
label: "Free Estimates", href: "/services#free-estimates"},
{
label: "Custom Designs", href: "/services#custom-designs"},
],
},
{
title: "About Us", items: [
{ label: "Our Story", href: "/#about" },
{ label: "Testimonials", href: "/#home-testimonials" },
{ label: "Service Areas", href: "/services#service-areas" },
{ label: "FAQs", href: "/contact#faq" }
]
}
{
label: "Our Story", href: "/#about"},
{
label: "Testimonials", href: "/#home-testimonials"},
{
label: "Service Areas", href: "/services#service-areas"},
{
label: "FAQs", href: "/contact#faq"},
],
},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo"
logoText="FloorCraft"
copyrightText="© 2024 FloorCraft. All rights reserved."
/>
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

69
src/app/page.tsx
View File

@@ -1,4 +1,4 @@
"use client";
use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
@@ -29,14 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "/"},
{
name: "Services", id: "/services"},
{
name: "Gallery", id: "/gallery"},
{
name: "Contact", id: "/contact"},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Service Areas", id: "/service-areas" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Get a Free Quote", href: "/contact"}}
@@ -59,16 +56,14 @@ export default function LandingPage() {
{
value: "500+", label: "Projects Completed"},
{
value: "5-Star", label: "Customer Satisfaction"},
]}
value: "5-Star", label: "Customer Satisfaction"}]}
enableKpiAnimation={true}
tag="Trusted & Experienced"
buttons={[
{
text: "Explore Services", href: "/services"},
{
text: "Get a Free Quote", href: "/contact"},
]}
text: "Get a Free Quote", href: "/contact"}]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966820443-2vc4yi0u.png"
imageAlt="Newly installed hardwood floor in a modern kitchen"
@@ -83,8 +78,7 @@ export default function LandingPage() {
{
src: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371", alt: "Client testimonial"},
{
src: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179", alt: "Trusted customer"},
]}
src: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179", alt: "Trusted customer"}]}
avatarText=""
marqueeItems={[
{
@@ -96,8 +90,7 @@ export default function LandingPage() {
{
type: "text", text: "Dust-Free Sanding"},
{
type: "text", text: "Free Consultations"},
]}
type: "text", text: "Free Consultations"}]}
/>
</div>
@@ -114,8 +107,7 @@ export default function LandingPage() {
label: "Personalized Service", value: "Client-Focused"},
{
icon: Cog,
label: "Experienced Professionals", value: "Since 2012"},
]}
label: "Experienced Professionals", value: "Since 2012"}]}
metricsAnimation="slide-up"
/>
</div>
@@ -138,10 +130,8 @@ export default function LandingPage() {
text: "Material Sourcing"},
{
icon: Star,
text: "Quality Guaranteed"},
],
reverse: false,
},
text: "Quality Guaranteed"}],
reverse: false},
{
title: "Professional Floor Sanding", description: "Restore the natural beauty of your existing hardwood floors with our dust-free sanding and refinishing services, bringing them back to life.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966945561-9h6uh1nb.png", imageAlt: "Floor sanding service"},
@@ -154,10 +144,8 @@ export default function LandingPage() {
text: "Dustless System"},
{
icon: Paintbrush,
text: "Stain Matching"},
],
reverse: true,
},
text: "Stain Matching"}],
reverse: true},
{
title: "Free Estimates & Consultation", description: "Start your flooring project with confidence. We offer complimentary, no-obligation estimates and expert advice tailored to your needs.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966973320-uqhq8km9.png", imageAlt: "Free flooring estimate"},
@@ -170,11 +158,8 @@ export default function LandingPage() {
text: "Expert Advice"},
{
icon: Calendar,
text: "Flexible Scheduling"},
],
reverse: false,
},
]}
text: "Flexible Scheduling"}],
reverse: false}]}
title="Experience the Art of Flooring with FloorCraft"
description="From classic hardwoods to modern finishes, our family's expertise ensures your floors are a masterpiece. Explore our comprehensive services designed to bring beauty and durability to your home."
/>
@@ -192,8 +177,7 @@ export default function LandingPage() {
{
value: "98%", label: "Client Retention"},
{
value: "100%", label: "Satisfaction"},
]}
value: "100%", label: "Satisfaction"}]}
title="What Our Family of Customers Says"
description="Hearing from our satisfied clients is the greatest reward. Their trust in our craftsmanship and personal approach is the foundation of our business."
/>
@@ -222,9 +206,7 @@ export default function LandingPage() {
{
label: "Gallery", href: "/gallery"},
{
label: "Contact", href: "/contact"},
],
},
label: "Contact", href: "/contact"}]},
{
title: "Services", items: [
{
@@ -234,9 +216,7 @@ export default function LandingPage() {
{
label: "Free Estimates", href: "/services#free-estimates"},
{
label: "Custom Designs", href: "/services#custom-designs"},
],
},
label: "Custom Designs", href: "/services#custom-designs"}]},
{
title: "About Us", items: [
{
@@ -244,12 +224,9 @@ export default function LandingPage() {
{
label: "Testimonials", href: "/#home-testimonials"},
{
label: "Service Areas", href: "/services#service-areas"},
label: "Service Areas", href: "/service-areas"},
{
label: "FAQs", href: "/contact#faq"},
],
},
]}
label: "FAQs", href: "/contact#faq"}]}]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo"
logoText="FloorCraft"
@@ -259,4 +236,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

94
src/app/service-areas/page.tsx Normal file
View File

@@ -0,0 +1,94 @@
use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBase from '@/components/sections/footer/FooterBase';
import LegalSection from '@/components/legal/LegalSection';
export default function ServiceAreasPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="noise"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Service Areas", id: "/service-areas" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Get a Free Quote",href: "/contact"
}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo"
brandName="FloorCraft"
/>
</div>
<div id="service-areas-content" data-section="service-areas-content">
<LegalSection
layout="section"
title="Our Service Areas"
subtitle="We proudly serve the following states with our expert flooring services."
sections={[
{
heading: "States We Serve",content: [
{ type: "list", items: ["Georgia", "Florida", "South Carolina", "Alabama", "North Carolina", "Mississippi"] }
]
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Services",items: [
{ label: "Hardwood Installation", href: "/services#hardwood-installation" },
{ label: "Floor Sanding", href: "/services#floor-sanding" },
{ label: "Free Estimates", href: "/services#free-estimates" },
{ label: "Custom Designs", href: "/services#custom-designs" }
]
},
{
title: "About Us",items: [
{ label: "Our Story", href: "/#about" },
{ label: "Testimonials", href: "/#home-testimonials" },
{ label: "Service Areas", href: "/service-areas" },
{ label: "FAQs", href: "/contact#faq" }
]
}
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo"
logoText="FloorCraft"
copyrightText="© 2024 FloorCraft. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}