Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 347aa2157b | |||
| 5a0148a86f | |||
| ba4b8bc33c |
203
src/app/page.tsx
203
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,198 +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."
|
||||
brandName="HVAC Pro Services"
|
||||
/>
|
||||
</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="Comfort Solutions"
|
||||
description="Professional HVAC installation, repair, and climate control for your home."
|
||||
buttons={[{ text: "Schedule Service", href: "/contact" }, { text: "View 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 climate comfort systems backed by expert installation."
|
||||
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 Cooling & Heating", description: "State-of-the-art climate control units installed to perfection.", 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="Core Climate Services"
|
||||
description="Keeping your home at the perfect temperature year-round."
|
||||
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: "h1", brand: "ProSeries", name: "Heating Maintenance", price: "$199", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg" },
|
||||
{ id: "h2", brand: "ProSeries", name: "AC Installation", price: "$2999", 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 your sanctuary."
|
||||
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="Climate Control FAQs"
|
||||
sideDescription="Answers to your questions regarding HVAC installation 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 service all unit models?", content: "Yes, our certified technicians are trained on all major HVAC brands." }
|
||||
]}
|
||||
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="HVAC Pro Services"
|
||||
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user