Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Hammer } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
@@ -25,215 +26,103 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="CT Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CT Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Built to Last. Designed for Elegance."
|
||||
description="Expert roofing and carpentry services across Kildare. 100% Quality Guaranteed."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-positive-young-male-student-with-afro-hairstyle-trendy-clothes-sitting-park-while-smiling-broadly-drinking-coffee_176420-19802.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40329.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Kildare's Trusted Roofing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "10-Year Warranty",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Carpentry",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Built to Last. Designed for Elegance."
|
||||
description="Expert roofing and carpentry services across Kildare. 100% Quality Guaranteed."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-positive-young-male-student-with-afro-hairstyle-trendy-clothes-sitting-park-while-smiling-broadly-drinking-coffee_176420-19802.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40329.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
buttons={[
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Kildare's Trusted Roofing" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "10-Year Warranty" },
|
||||
{ type: "text", text: "Emergency Repairs" },
|
||||
{ type: "text", text: "Custom Carpentry" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Quick, reliable emergency repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Full Replacement",
|
||||
description: "Complete new roof installations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Carpentry",
|
||||
description: "Custom wood structures and repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-sanding-wood-with-orbital-sander-workshop_23-2147944826.jpg",
|
||||
buttonIcon: "Hammer",
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Comprehensive roofing and carpentry solutions tailored to your property needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Roof Repairs", description: "Quick, reliable emergency repairs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg", buttonIcon: Zap },
|
||||
{ title: "Full Replacement", description: "Complete new roof installations.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg", buttonIcon: Shield },
|
||||
{ title: "Carpentry", description: "Custom wood structures and repairs.", imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-sanding-wood-with-orbital-sander-workshop_23-2147944826.jpg", buttonIcon: Hammer },
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Comprehensive roofing and carpentry solutions tailored to your property needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah O'Connor",
|
||||
handle: "@sarahoc",
|
||||
testimonial: "Excellent service, professional and clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Byrne",
|
||||
handle: "@mbyrne",
|
||||
testimonial: "Tudor delivered exactly what he promised.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-young-male-student-with-afro-hairstyle-trendy-clothes-sitting-park-while-smiling-broadly-drinking-coffee_176420-19802.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clare Walsh",
|
||||
handle: "@cwalsh",
|
||||
testimonial: "The best carpentry work in Kildare.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Dempsey",
|
||||
handle: "@ddempsey",
|
||||
testimonial: "Professional, punctual, and high quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40329.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Murphy",
|
||||
handle: "@amurphy",
|
||||
testimonial: "Transformed our home with beautiful cedar roofing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Here is what our valued local customers have to say about our roofing and carpentry projects."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah O'Connor", handle: "@sarahoc", testimonial: "Excellent service, professional and clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg" },
|
||||
{ id: "2", name: "Michael Byrne", handle: "@mbyrne", testimonial: "Tudor delivered exactly what he promised.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-young-male-student-with-afro-hairstyle-trendy-clothes-sitting-park-while-smiling-broadly-drinking-coffee_176420-19802.jpg" },
|
||||
{ id: "3", name: "Clare Walsh", handle: "@cwalsh", testimonial: "The best carpentry work in Kildare.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg" },
|
||||
{ id: "4", name: "David Dempsey", handle: "@ddempsey", testimonial: "Professional, punctual, and high quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40329.jpg" },
|
||||
{ id: "5", name: "Anna Murphy", handle: "@amurphy", testimonial: "Transformed our home with beautiful cedar roofing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Tudor"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Tudor"
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Request Your Quote"
|
||||
description="Send us a message and we'll be in touch within 24 hours."
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Request Your Quote"
|
||||
description="Send us a message and we'll be in touch within 24 hours."
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="CT Roofing & Carpentry"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="CT Roofing & Carpentry"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user