Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b292449d0d | |||
| 6aac4b8756 | |||
| 347aa2157b | |||
| fbf003898f | |||
| 5a0148a86f | |||
| ba4b8bc33c | |||
| e467279852 | |||
| c095dff8b0 |
339
src/app/page.tsx
339
src/app/page.tsx
@@ -2,14 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import { Award, Home, ListChecks, ShieldCheck, Zap } from "lucide-react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,336 +26,86 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="All Stars Roofing Inc."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-home" data-section="hero-home">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Five-Star Roofing, Without the Stress."
|
||||
description="From first call to final clean-up, All Stars Roofing Inc. delivers professional, organized, and reliable roofing services that homeowners rave about."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Absolutely outstanding experience from start to finish!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@client",
|
||||
testimonial: "They completed the roof and eavestroughs, couldn't be happier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1403.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@resident",
|
||||
testimonial: "Called with a leak, they were on-site in under two hours.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182559.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@customer",
|
||||
testimonial: "Professional, organized, and a pleasure to work with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-work_23-2149721867.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lisa M.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Highly recommended, excellent value and service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15654.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Free Roofing Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg"
|
||||
imageAlt="All Stars Roofing crew working on a premium residential roof replacement."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg",
|
||||
alt: "Local resident",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
|
||||
alt: "Homeowner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-looking-camera-successful-mature-business-woman-happy-old-professor-standing-office-with-gray-hair_657921-1221.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ happy local homeowners."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Support",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "10-Year Workmanship Warranty",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned & Operated",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Consultations",
|
||||
icon: ListChecks,
|
||||
},
|
||||
]}
|
||||
<HeroLogoBillboard
|
||||
logoText="All Stars Roofing"
|
||||
description="Premium roofing installation, repair, and exterior services for your home."
|
||||
buttons={[{ text: "Get a Free Quote", href: "/contact" }, { text: "Our Services", href: "/services" }]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardTwentyEight
|
||||
<FeatureCardNine
|
||||
showStepNumbers={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Top-tier roofing systems backed by expert craftsmanship and reliable support."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Guided Process",
|
||||
subtitle: "Quote to Clean-up",
|
||||
category: "Care",
|
||||
value: "Guided communication from first call to final inspection.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast Response",
|
||||
subtitle: "Emergency Service",
|
||||
category: "Reliability",
|
||||
value: "Urgent leaks or storm damage handled same-day.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional Crews",
|
||||
subtitle: "Courteous Service",
|
||||
category: "Workmanship",
|
||||
value: "Polite, tidy crews who treat your home like their own.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Transparent Pricing",
|
||||
subtitle: "No Surprises",
|
||||
category: "Value",
|
||||
value: "Detailed quotes with flexible payment options.",
|
||||
},
|
||||
title: "Rapid Roof Restoration", description: "High-quality materials and precision installation for long-lasting protection.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg" }
|
||||
}
|
||||
]}
|
||||
title="Why homeowners love All Stars"
|
||||
description="Professional roofing services built on stability, transparency, and care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-overview" data-section="services-overview">
|
||||
<ProductCardOne
|
||||
<ProductCardTwo
|
||||
title="Our Core Services"
|
||||
description="Protecting your most valuable investment with industry-leading roofing services."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Roof Replacement",
|
||||
price: "Expert Installation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
|
||||
imageAlt: "Roof replacement",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Emergency Repair",
|
||||
price: "24/7 Response",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
imageAlt: "Emergency repair",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Eavestroughs & Soffit",
|
||||
price: "Total Protection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",
|
||||
imageAlt: "Exterior work",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Attic Ventilation",
|
||||
price: "Performance Upgrade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
|
||||
imageAlt: "Ventilation",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Insulation",
|
||||
price: "Energy Efficiency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",
|
||||
imageAlt: "Insulation",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fascia Work",
|
||||
price: "Curb Appeal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg",
|
||||
imageAlt: "Fascia",
|
||||
},
|
||||
{ id: "r1", brand: "All Stars", name: "Full Roof Replacement", price: "Get Quote", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg" },
|
||||
{ id: "r2", brand: "All Stars", name: "Emergency Repair", price: "Get Quote", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg" }
|
||||
]}
|
||||
title="Featured Roofing Services"
|
||||
description="High-quality replacements, urgent repairs, and complete exterior protection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process-home" data-section="process-home">
|
||||
<InlineImageSplitTextAbout
|
||||
<TextAbout
|
||||
title="We believe your home should always be safe, dry, and beautiful."
|
||||
buttons={[{ text: "Contact Our Expert Team", href: "/contact" }]}
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "How It Works",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-park-with-concrete-buildings-roubaix-france_181624-13166.jpg",
|
||||
alt: "How it works",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule My Free Roof Assessment",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about roofing maintenance and replacement."
|
||||
<FaqSplitText
|
||||
sideTitle="Roofing FAQs"
|
||||
sideDescription="Answers to your questions regarding roofing installation, materials, and maintenance."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most residential replacements are completed within 1 to 2 business days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide emergency repairs?",
|
||||
content: "Yes, we prioritize emergency leak repairs to prevent structural damage.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my estimate free?",
|
||||
content: "We offer completely free, no-obligation quotes for all projects.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, our team is fully licensed and carries comprehensive liability insurance.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "What payment options are available?",
|
||||
content: "We accept major credit cards, bank transfers, and offer flexible financing plans.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer free estimates?", content: "Yes, our team provides comprehensive, no-obligation quotes for all residential roofing projects." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-home" data-section="footer-home">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Replacement",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Repair",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="All Stars Roofing"
|
||||
<FooterBaseCard
|
||||
logoText="All Stars Roofing Inc."
|
||||
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user