Merge version_2 into main #3
165
src/app/page.tsx
165
src/app/page.tsx
@@ -3,13 +3,13 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Phone } from "lucide-react";
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Phone, ShieldCheck, Wrench, Award, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,159 +29,102 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Austin Roofing & Scaffolding"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Top-Rated Roofing & Scaffolding in Austin"
|
||||
description="Professional residential roofing and scaffolding solutions serving Austin, Texas. Expert craftsmanship, safety first, and reliable results."
|
||||
tag="Austin's Trusted Experts"
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Austin's Premier Roofing & Scaffolding Experts"
|
||||
description="Top-rated residential roofing and professional scaffolding solutions. We bring safety, durability, and craftsmanship to every Austin home."
|
||||
tag="Licensed & Insured Professional Services"
|
||||
tagIcon={ShieldCheck}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now: (512) 444-7663", href: "tel:5124447663"},
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "Call (512) 444-7663", href: "tel:5124447663" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "Professional roofing team in Austin"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg", imageAlt: "Safe scaffolding installation"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 100+ Local Reviews"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg"
|
||||
imageAlt="Professional roofing team in Austin"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
<AboutMetric
|
||||
title="Why Choose Austin Roofing & Scaffolding"
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Reliability at Heights"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg", alt: "Scaffolding work"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services", href: "#services"},
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years of Experience", value: "15+" },
|
||||
{ icon: Users, label: "Satisfied Clients", value: "500+" },
|
||||
{ icon: ShieldCheck, label: "Fully Licensed", value: "100%" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
<FeatureCardTwentyFive
|
||||
title="Comprehensive Roofing & Scaffolding"
|
||||
description="We combine elite roofing installation with industry-leading safety standards to protect your home and our team."
|
||||
textboxLayout="split-description"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Roof Installation", description: "High-quality installation for modern residential homes.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"},
|
||||
title: "Residential Roofing", description: "Complete roof replacements, storm damage repair, and maintenance for Austin properties.", icon: Wrench,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg" }]
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Scaffolding Solutions", description: "Safe, reliable equipment setup for complex projects.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-dicussing-plans_23-2147650207.jpg"},
|
||||
{
|
||||
id: "f3", title: "Roof Repair", description: "Fast diagnosis and repairs for all roofing types.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg"},
|
||||
title: "Scaffolding Access", description: "Certified professional-grade scaffolding systems tailored for complex home renovations.", icon: ShieldCheck,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-dicussing-plans_23-2147650207.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg" }]
|
||||
}
|
||||
]}
|
||||
title="Expert Roofing & Scaffolding Services"
|
||||
description="Comprehensive solutions designed for durability and safety."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Trusted By Local Homeowners"
|
||||
cardTag="Customer Success"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Excellent service and very professional roofing job on our house.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3548.jpg"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "The scaffolding was installed perfectly and very safely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Prompt, efficient, and great communication throughout.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Best roofing team I've worked with in Austin. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176479.jpg"},
|
||||
{
|
||||
id: "5", name: "Lisa Wang", handle: "@lwang", testimonial: "Very satisfied with the quality of materials and service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg"},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3548.jpg" },
|
||||
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Austin Homeowners Say"
|
||||
description="Trusted by hundreds of families in Austin, Texas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "fq1", title: "Do you offer free estimates?", content: "Yes, we provide free on-site estimates for all roofing projects."},
|
||||
{
|
||||
id: "fq2", title: "Are you licensed and insured?", content: "Absolutely, our team is fully licensed and insured for your safety."},
|
||||
{
|
||||
id: "fq3", title: "How long does a typical roof take?", content: "Most residential roof replacements in Austin are completed in 1-3 days."},
|
||||
{ id: "f1", title: "How do I request an estimate?", content: "Simply call us at (512) 444-7663 or use the form below." },
|
||||
{ id: "f2", title: "Is the scaffolding included?", content: "Yes, for all complex roof projects, we provide safety-rated scaffolding." },
|
||||
]}
|
||||
ctaTitle="Ready to Start Your Project?"
|
||||
ctaDescription="Get a free estimate today by contacting us at (512) 444-7663."
|
||||
ctaButton={{
|
||||
text: "Contact Us", href: "tel:5124447663"}}
|
||||
ctaTitle="Ready to start your project?"
|
||||
ctaDescription="Get a free, no-obligation estimate from our expert Austin team today."
|
||||
ctaButton={{ text: "Call (512) 444-7663", href: "tel:5124447663" }}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Austin Roofing", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Estimates", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Austin Roofing & Scaffolding. All rights reserved."
|
||||
copyrightText="© 2025 Austin Roofing & Scaffolding. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user