239 lines
14 KiB
TypeScript
239 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Award, Phone } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Gallery", id: "/gallery" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Bathroom Tile", href: "/services" },
|
|
{ label: "Kitchen Backsplashes", href: "/services" },
|
|
{ label: "Shower Installation", href: "/services" },
|
|
{ label: "Custom Tile Work", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Gallery", href: "/gallery" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Free Estimate", href: "tel:(763) 443-4837" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: (763) 443-4837", href: "tel:(763) 443-4837" },
|
|
{ label: "Licensed & Insured", href: "#" },
|
|
{ label: "Local Service Area", href: "/services" },
|
|
{ label: "Service Agreement", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Gallery", id: "/gallery" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:(763) 443-4837" }}
|
|
brandName="VZ TILE"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="VZ TILE"
|
|
description="Expert Tile Installation Done Right the First Time. Premium craftsmanship for bathrooms, kitchens, and custom tile work. Licensed, insured, and trusted by homeowners across North Carolina."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Call Now: (763) 443-4837", href: "tel:(763) 443-4837" },
|
|
{ text: "Request Free Estimate", href: "/contact" },
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg"
|
|
imageAlt="Professional bathroom tile installation"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About VZ TILE"
|
|
title="Local Tile Craftsmanship You Can Trust"
|
|
description="Serving homeowners throughout the Twin Cities area"
|
|
subdescription="20+ years of excellence in tile installation"
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/professional-master-man-laying-ceramic-tiles-wall-bathroom-portrait-experienced-repairman-laying-large-size-porcelain-tilesconstruction-worker-checking-tile-installation-with-laser-level_166373-2067.jpg?_wi=1"
|
|
imageAlt="VZ TILE team installation project"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
title="Our Services"
|
|
description="Specialized tile solutions for every project"
|
|
tag="Services"
|
|
features={[
|
|
{
|
|
id: "1", title: "Bathroom Tile Installation", description:
|
|
"Complete bathroom renovations with waterproof installations, custom showers, and luxury finishes. Expert handling of all tile types and patterns.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/professional-master-man-laying-ceramic-tiles-wall-bathroom-portrait-experienced-repairman-laying-large-size-porcelain-tilesconstruction-worker-checking-tile-installation-with-laser-level_166373-2067.jpg?_wi=2", imageAlt: "Bathroom tile installation"},
|
|
{
|
|
id: "2", title: "Shower & Tub Surrounds", description:
|
|
"Durable, beautiful shower enclosures and tub surrounds. Waterproofing, grout sealing, and premium material selection for lasting quality.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/minimalist-showers-stone-tile-premium-spa_169016-68908.jpg?_wi=1", imageAlt: "Luxury shower installation"},
|
|
{
|
|
id: "3", title: "Kitchen Backsplashes", description:
|
|
"Transform your kitchen with custom tile backsplashes. Professional installation of ceramic, porcelain, glass, and specialty tiles.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/marble-kitchen-gas-stove-contemporary-interior_169016-68931.jpg?_wi=1", imageAlt: "Kitchen backsplash tile work"},
|
|
{
|
|
id: "4", title: "Ceramic & Porcelain Tile", description:
|
|
"Expert installation of all tile varieties. From classic ceramic to premium porcelain, we handle every material with precision and care.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/minimalist-showers-stone-tile-premium-spa_169016-68908.jpg?_wi=2", imageAlt: "Ceramic and porcelain installation"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Request Free Estimate", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Real reviews from satisfied homeowners"
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "Minnesota Homeowner", testimonial:
|
|
"VZ TILE completely transformed our master bathroom. The attention to detail and quality of work was exceptional. Highly recommend!", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "Kitchen Renovation Client", testimonial:
|
|
"Professional team, fair pricing, and beautiful results. They finished on time and the backsplash looks amazing. Five stars!", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", handle: "Bathroom Remodel Client", testimonial:
|
|
"We could not be happier with our new shower tile work. The team was courteous, efficient, and produced outstanding quality.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/caucasian-woman-smiling-face-expression-headshot-portrait_53876-65110.jpg?_wi=1", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "4", name: "David Kim", handle: "Licensed Property Manager", testimonial:
|
|
"VZ TILE is our go-to contractor for all tile work. Reliable, professional, and they always deliver exceptional results for our properties.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/handsome-bearded-man-with-white-smile_176420-18702.jpg?_wi=1", imageAlt: "David Kim"},
|
|
{
|
|
id: "5", name: "Jessica Thompson", handle: "Kitchen Design Client", testimonial:
|
|
"Amazing work on our kitchen backsplash. The attention to grout lines and finishing touches really shows their expertise and pride in craftsmanship.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2", imageAlt: "Jessica Thompson"},
|
|
{
|
|
id: "6", name: "Robert Martinez", handle: "General Contractor Partner", testimonial:
|
|
"VZ TILE is incredibly professional and delivers consistent quality. They are my first call for tile work on every project. Highly trustworthy.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Robert Martinez"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<SocialProofOne
|
|
title="Why Choose VZ TILE"
|
|
description="Licensed, insured, and committed to excellence"
|
|
tag="Trust & Quality"
|
|
names={[
|
|
"Licensed Contractor", "Fully Insured", "20+ Years Experience", "Local Service Focus", "Free Estimates", "Warranty Coverage", "Professional Team", "Trusted Brand"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactFaq
|
|
ctaTitle="Ready for Your Tile Project?"
|
|
ctaDescription="Call today for a free estimate or request a consultation. Our team is ready to discuss your project."
|
|
ctaButton={{
|
|
text: "Call: (763) 443-4837", href: "tel:(763) 443-4837"}}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does a typical tile installation take?", content:
|
|
"Timeline depends on project scope. Small bathroom backsplashes typically take 1-2 days, while full bathroom renovations usually require 3-5 days. We will provide a detailed timeline during your free estimate."},
|
|
{
|
|
id: "2", title: "What tile types do you install?", content:
|
|
"We install all major tile types including ceramic, porcelain, glass, stone, and specialty tiles. Our team has expertise with every material and can recommend the best option for your space and budget."},
|
|
{
|
|
id: "3", title: "Do you offer warranties?", content:
|
|
"Yes, we stand behind our work with comprehensive warranties. We guarantee proper installation, waterproofing, and grout sealing. Details provided during your consultation."},
|
|
{
|
|
id: "4", title: "How much does a tile project cost?", content:
|
|
"Pricing varies based on tile type, project size, and complexity. We offer competitive pricing and free estimates. Call us to discuss your specific project needs."},
|
|
{
|
|
id: "5", title: "What areas do you serve?", content:
|
|
"We serve the Twin Cities metro area and surrounding communities. We are a local, trusted contractor for homeowners throughout Minnesota. Contact us to confirm service area for your location."},
|
|
{
|
|
id: "6", title: "Do you handle custom tile work?", content:
|
|
"Absolutely. We specialize in custom designs, patterns, and specialty installations. Our team can bring your tile vision to life with professional expertise and precision."},
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/road-old-wall-pathway-pattern_1253-450.jpg?_wi=1"
|
|
imageAlt="Tile texture background"
|
|
logoText="VZ TILE"
|
|
copyrightText="© 2024 VZ TILE. All rights reserved."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |