bender/0b837967-52eb-4570-afb1-768e36f1154b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #5

Merged
bender merged 1 commits from version_1 into main 2026-06-10 23:33:42 +00:00
Conversation 0 Commits 1 Files Changed 1 +115 -117
1 changed files with 115 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
src/app/about/page.tsx
View File

@@ -2,135 +2,133 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureBento from '@/components/sections/feature/FeatureBento'; import FeatureBento from '@/components/sections/feature/FeatureBento';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterMedia from '@/components/sections/footer/FooterMedia'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import { CalendarCheck, FileText, Gauge, Paintbrush } from "lucide-react"; import { Award, CheckCircle, Droplet, FileText, Grid, Heart, MessageCircle, ShieldCheck, Sparkles, Gauge, Paintbrush, CalendarCheck } from "lucide-react";
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Reviews", id: "/reviews" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" },
];
export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="soft"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles" sizing="largeSmallSizeMediumTitles"
background="noise" background="noise"
cardStyle="gradient-radial" cardStyle="gradient-radial"
primaryButtonStyle="radial-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={navItems}
{ brandName="TILES CONNECT"
name: "Home", id: "/"}, button={{ text: "Get Free Estimate", href: "/contact" }}
{ />
name: "About Us", id: "/about"}, </div>
{
name: "Services", id: "/services"},
{
name: "Gallery", id: "/gallery"},
{
name: "Reviews", id: "/reviews"},
{
name: "FAQ", id: "/faq"},
{
name: "Contact", id: "/contact"}
]}
brandName="TILES CONNECT"
button={{
text: "Get Free Estimate", href: "/contact"}}
/>
</div>
<div id="about-craftsman" data-section="about-craftsman"> <div id="about-craftsman" data-section="about-craftsman">
<TextAbout <TextAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Meet The Craftsman Behind Tiles Connect" title="Meet The Craftsman Behind Tiles Connect"
description="Tiles Connect is a premium tile installation and renovation company proudly serving homeowners throughout Mississauga, Oakville, Brampton, Toronto, and the GTA. Founded by Pete, Tiles Connect has earned a reputation for exceptional craftsmanship, honesty, and attention to detail. Unlike companies focused on speed and volume, we focus on quality. Every tile is carefully planned, every layout thoughtfully designed, and every installation completed using proven industry standards. Many of our clients come to us after disappointing experiences with other contractors. Our mission is simple: Deliver beautiful work that lasts."
/>
</div>
<div id="our-values" data-section="our-values"> />
<FeatureBento </div>
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Precision", description: "We believe every grout line matters, ensuring flawless results.", bentoComponent: "reveal-icon", icon: Gauge
},
{
title: "Transparency", description: "Clear communication and detailed quotes from day one.", bentoComponent: "reveal-icon", icon: FileText
},
{
title: "Craftsmanship", description: "We treat every project as a work of art, built to last.", bentoComponent: "reveal-icon", icon: Paintbrush
},
{
title: "Reliability", description: "Show up on time, finish properly, and stand behind our work.", bentoComponent: "reveal-icon", icon: CalendarCheck
}
]}
title="Our Values"
description="The principles that guide every project and define our commitment to excellence."
/>
</div>
<div id="footer" data-section="footer"> <div id="our-values" data-section="our-values">
<FooterMedia <FeatureBento
imageSrc="http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg" animationType="slide-up"
imageAlt="Luxury tile pattern background" textboxLayout="default"
logoText="TILES CONNECT" useInvertedBackground={false}
columns={[ features={[
{ {
title: "Company", items: [ title: "Precision", description: "We believe every grout line matters, ensuring flawless results.", bentoComponent: "reveal-icon", icon: Gauge,
{ },
label: "Home", href: "/"}, {
{ title: "Transparency", description: "Clear communication and detailed quotes from day one.", bentoComponent: "reveal-icon", icon: FileText,
label: "About Us", href: "/about"}, },
{ {
label: "Services", href: "/services"}, title: "Craftsmanship", description: "We treat every project as a work of art, built to last.", bentoComponent: "reveal-icon", icon: Paintbrush,
{ },
label: "Gallery", href: "/gallery"} {
] title: "Reliability", description: "Show up on time, finish properly, and stand behind our work.", bentoComponent: "reveal-icon", icon: CalendarCheck,
}, },
{ ]}
title: "Resources", items: [ title="Our Values"
{ description="The principles that guide every project and define our commitment to excellence."
label: "Reviews", href: "/reviews"}, />
{ </div>
label: "FAQ", href: "/faq"},
{ <div id="contact-final" data-section="contact-final">
label: "Contact", href: "/contact"} <ContactText
] useInvertedBackground={true}
}, background={{ variant: "plain" }}
{ text="Ready To Upgrade Your Home? Whether you're planning a bathroom renovation, kitchen backsplash, or custom tile project, we're here to help bring your vision to life. Get a detailed quote and expert guidance from start to finish."
title: "Service Areas", items: [ buttons={[
{ { text: "Request Free Estimate", href: "/contact" },
label: "Mississauga", href: "#"}, { text: "Call Now", href: "tel:ADD_NUMBER" },
{ ]}
label: "Oakville", href: "#"}, />
{ </div>
label: "Brampton", href: "#"},
{ <div id="footer" data-section="footer">
label: "Toronto", href: "#"} <FooterMedia
] imageSrc="http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg"
}, imageAlt="Luxury tile pattern background"
{ logoText="TILES CONNECT"
title: "Legal", items: [ columns={[
{ {
label: "Privacy Policy", href: "#"}, title: "Company", items: [
{ { label: "Home", href: "/" },
label: "Terms of Service", href: "#"} { label: "About Us", href: "/about" },
] { label: "Services", href: "/services" },
} { label: "Gallery", href: "/gallery" },
]} ],
copyrightText="© 2024 Tiles Connect. All rights reserved." },
/> {
</div> title: "Resources", items: [
{ label: "Reviews", href: "/reviews" },
{ label: "FAQ", href: "/faq" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Service Areas", items: [
{ label: "Mississauga", href: "#" },
{ label: "Oakville", href: "#" },
{ label: "Brampton", href: "#" },
{ label: "Toronto", href: "#" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}
copyrightText="© 2024 Tiles Connect. All rights reserved."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );