Merge version_1 into main #1
@@ -7,107 +7,68 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/reviews" }
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-content" data-section="about-content">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built on Skill, Honesty, and Craft"
|
||||
description="Burgs Barefoot Tile is built on a simple idea: do the job right, communicate clearly, and leave every customer confident in their investment."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years of Hands-on Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Honest Professionalism",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-holding-level_23-2147704224.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-content" data-section="about-content">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built on Skill, Honesty, and Craft"
|
||||
description="Burgs Barefoot Tile is built on a simple idea: do the job right, communicate clearly, and leave every customer confident in their investment."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years of Hands-on Experience" },
|
||||
{ value: "100%", title: "Honest Professionalism" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-holding-level_23-2147704224.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description={[
|
||||
"Quality matters above all else.",
|
||||
"We believe in clear communication and honest work.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description={[
|
||||
"Quality matters above all else.", "We believe in clear communication and honest work."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Contact", items: [{ label: "Free Quote", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -4,154 +4,64 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/reviews" }
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-content" data-section="gallery-content">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Backsplash",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-with-green-tiles-white-cabinets-wall_169016-15713.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bathroom Tile",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laser-metering-renovation-bathroom-master-adjusts-level-construction-tools-equipment-tile-sticker-wall-green-lines-laser-beam-level-measurement_166373-2066.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floor Tiling",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-textured-surface_23-2151899517.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Kitchen Tile",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15375.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Custom Project",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-tiler-is-tiling-ceramic-tile-floor-adhesive-laying-ceramic-tiles_231208-6792.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Precision Flooring",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hexagon-pink-marble-tiles-patterned_53876-95470.jpg",
|
||||
},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="See the craftsmanship for yourself."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery-content" data-section="gallery-content">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Modern Backsplash", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-with-green-tiles-white-cabinets-wall_169016-15713.jpg" },
|
||||
{ id: "p2", name: "Bathroom Tile", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/laser-metering-renovation-bathroom-master-adjusts-level-construction-tools-equipment-tile-sticker-wall-green-lines-laser-beam-level-measurement_166373-2066.jpg" },
|
||||
{ id: "p3", name: "Floor Tiling", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/natural-textured-surface_23-2151899517.jpg" },
|
||||
{ id: "p4", name: "Kitchen Tile", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15375.jpg" },
|
||||
{ id: "p5", name: "Custom Project", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-tiler-is-tiling-ceramic-tile-floor-adhesive-laying-ceramic-tiles_231208-6792.jpg" },
|
||||
{ id: "p6", name: "Precision Flooring", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/hexagon-pink-marble-tiles-patterned_53876-95470.jpg" }
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="See the craftsmanship for yourself."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Explore Our Catalog"
|
||||
description="Premium selections to consider."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mosaic Tile",
|
||||
price: "$50",
|
||||
variant: "Ceramic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-swimming-pool-mosaic-tile-background-wallpaper-banner-backdrop_1258-71991.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Stone Tile",
|
||||
price: "$80",
|
||||
variant: "Natural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-tiles_53876-88683.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Contact", items: [{ label: "Free Quote", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
299
src/app/page.tsx
299
src/app/page.tsx
@@ -16,237 +16,86 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/reviews" }
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Precision Tile Work That Speaks for Itself"
|
||||
description="High-quality tile installation with clear communication, fair pricing, and results you’ll love for years."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "/gallery",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150694894.jpg",
|
||||
imageAlt: "luxury bathroom tile installation high angle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-potter-carving-white-tiles-with-tools_23-2148155165.jpg",
|
||||
imageAlt: "luxury bathroom tile installation high angle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-color_23-2149721880.jpg",
|
||||
imageAlt: "luxury bathroom tile installation high angle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-sitting-toilet_1204-357.jpg",
|
||||
imageAlt: "luxury bathroom tile installation high angle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278618.jpg",
|
||||
imageAlt: "luxury bathroom tile installation high angle",
|
||||
},
|
||||
{
|
||||
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",
|
||||
imageAlt: "luxury bathroom tile installation high angle",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Tile Work That Speaks for Itself"
|
||||
description="High-quality tile installation with clear communication, fair pricing, and results you’ll love for years."
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "View Our Work", href: "/gallery" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150694894.jpg", imageAlt: "luxury bathroom tile installation high angle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-potter-carving-white-tiles-with-tools_23-2148155165.jpg", imageAlt: "luxury bathroom tile installation high angle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-color_23-2149721880.jpg", imageAlt: "luxury bathroom tile installation high angle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-is-sitting-toilet_1204-357.jpg", imageAlt: "luxury bathroom tile installation high angle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278618.jpg", imageAlt: "luxury bathroom tile installation high angle" },
|
||||
{ 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", imageAlt: "luxury bathroom tile installation high angle" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Reliable",
|
||||
description: "Stress-free Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Detail",
|
||||
description: "Craftsmanship Focused",
|
||||
},
|
||||
]}
|
||||
title="Craftsmanship You Can Feel"
|
||||
description="We never had to worry about quality, cleanliness, or communication."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "Client Satisfaction" },
|
||||
{ id: "m2", value: "Reliable", description: "Stress-free Experience" },
|
||||
{ id: "m3", value: "Detail", description: "Craftsmanship Focused" }
|
||||
]}
|
||||
title="Craftsmanship You Can Feel"
|
||||
description="We never had to worry about quality, cleanliness, or communication."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Kitchen Backsplash",
|
||||
description: "Clean lines and perfect spacing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334492.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior_158538-8293.jpg",
|
||||
buttonText: "View Details",
|
||||
},
|
||||
{
|
||||
title: "Bathroom Tile",
|
||||
description: "Durable and waterproof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-cleaning-shower_23-2149535084.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-black-bathroom-with-luxury-tile-decor_105762-2138.jpg",
|
||||
buttonText: "View Details",
|
||||
},
|
||||
{
|
||||
title: "Flooring Installation",
|
||||
description: "Precision and solid feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17037.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/relaxing-home-beautiful-young-woman-using-her-laptop-while-lying-carpet-home_231208-1316.jpg",
|
||||
buttonText: "View Details",
|
||||
},
|
||||
]}
|
||||
title="Expert Tile Installation Services"
|
||||
description="Professional solutions for every room in your house."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Kitchen Backsplash", description: "Clean lines and perfect spacing.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334492.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior_158538-8293.jpg", buttonText: "View Details" },
|
||||
{ title: "Bathroom Tile", description: "Durable and waterproof.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-cleaning-shower_23-2149535084.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-black-bathroom-with-luxury-tile-decor_105762-2138.jpg", buttonText: "View Details" },
|
||||
{ title: "Flooring Installation", description: "Precision and solid feel.", imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17037.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/relaxing-home-beautiful-young-woman-using-her-laptop-while-lying-carpet-home_231208-1316.jpg", buttonText: "View Details" }
|
||||
]}
|
||||
title="Expert Tile Installation Services"
|
||||
description="Professional solutions for every room in your house."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Transparent Project Packages"
|
||||
description="We offer clear, honest pricing for all installation types."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "Custom",
|
||||
subtitle: "For small updates",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Installation",
|
||||
"1 Year Warranty",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "Custom",
|
||||
subtitle: "For full remodels",
|
||||
features: [
|
||||
"Detailed Quote",
|
||||
"Premium Tile Selection",
|
||||
"Extended Warranty",
|
||||
"Site Clean-up",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Craftsmen"
|
||||
description="Meet the team dedicated to precision."
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark Burg",
|
||||
role: "Lead Tiler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-reading-schematics_23-2148269802.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Smith",
|
||||
role: "Master Installer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-holding-tool-full-shot_23-2149328044.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Contact", items: [{ label: "Free Quote", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -4,163 +4,67 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ReviewsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/reviews" }
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews-content" data-section="reviews-content">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luke H.",
|
||||
role: "Repeat Customer",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-as-real-estate-agents_23-2151064924.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Steven H.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-drawing-ipad_23-2150172063.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Matt B.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David K.",
|
||||
role: "Contractor",
|
||||
company: "Partner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Loyalty",
|
||||
},
|
||||
{
|
||||
value: "Top",
|
||||
label: "Quality Rating",
|
||||
},
|
||||
]}
|
||||
title="What Customers Are Saying"
|
||||
description="Hear directly from those who chose Burgs Barefoot Tile."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews-content" data-section="reviews-content">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Luke H.", role: "Repeat Customer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-as-real-estate-agents_23-2151064924.jpg" },
|
||||
{ id: "2", name: "Steven H.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-drawing-ipad_23-2150172063.jpg" },
|
||||
{ id: "3", name: "Matt B.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg" },
|
||||
{ id: "4", name: "Sarah J.", role: "Designer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg" },
|
||||
{ id: "5", name: "David K.", role: "Contractor", company: "Partner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "5/5", label: "Average Rating" },
|
||||
{ value: "100%", label: "Client Loyalty" },
|
||||
{ value: "Top", label: "Quality Rating" }
|
||||
]}
|
||||
title="What Customers Are Saying"
|
||||
description="Hear directly from those who chose Burgs Barefoot Tile."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Your Installer"
|
||||
description="The face behind the craftsmanship."
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark Burg",
|
||||
role: "Lead Tiler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358947.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Contact", items: [{ label: "Free Quote", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,137 +2,63 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/reviews" }
|
||||
]}
|
||||
brandName="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-full" data-section="service-full">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Kitchen Backsplash",
|
||||
description: "Elegance for every kitchen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214762.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/three-painted-ceramic-tiles-table_23-2148155161.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
{
|
||||
title: "Bathroom Tile",
|
||||
description: "Waterproof perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14662.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147451.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
{
|
||||
title: "Flooring Installation",
|
||||
description: "Perfectly level floors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-renovating-house-concept_53876-20681.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="From backsplashes to full remodels, we provide top-tier installation."
|
||||
/>
|
||||
</div>
|
||||
<div id="service-full" data-section="service-full">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Kitchen Backsplash", description: "Elegance for every kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214762.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/three-painted-ceramic-tiles-table_23-2148155161.jpg", buttonText: "Inquire" },
|
||||
{ title: "Bathroom Tile", description: "Waterproof perfection.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14662.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147451.jpg", buttonText: "Inquire" },
|
||||
{ title: "Flooring Installation", description: "Perfectly level floors.", imageSrc: "http://img.b2bpic.net/free-photo/people-renovating-house-concept_53876-20681.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg", buttonText: "Inquire" }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="From backsplashes to full remodels, we provide top-tier installation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Service Process"
|
||||
description="How we work with you."
|
||||
features={[
|
||||
{
|
||||
title: "Consultation",
|
||||
description: "Assessing your space needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-measuring-tool_23-2148751985.jpg",
|
||||
},
|
||||
{
|
||||
title: "Design",
|
||||
description: "Selecting materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-carpentry-workshop-concept_23-2148640282.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Contact", items: [{ label: "Free Quote", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Burgs Barefoot Tile"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user