Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-04-16 14:53:00 +00:00

View File

@@ -2,17 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { ShieldCheck } from "lucide-react";
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { ShieldCheck, Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,33 +31,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "#hero"},
{
name: "About", id: "#about"},
{
name: "Services", id: "#services"},
{
name: "Contact", id: "#contact"},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Contact", id: "#contact" },
]}
brandName="ARS Roofing"
button={{
text: "Get Quote", href: "#contact"}}
button={{ text: "Get Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Alternative Roofing Services: Quality You Can Trust"
description="Premium roofing solutions tailored for modern homes. Expert installations, repairs, and long-term maintenance for every season."
tag="Trusted Professional Roofers"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Professional roof installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg", imageAlt: "Close-up of premium shingles"}
{ imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Professional roof installation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg", imageAlt: "Close-up of premium shingles" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -74,12 +65,9 @@ export default function LandingPage() {
title="Decades of Roof Excellence"
description="ARS has served the community for over 20 years, ensuring every home stays dry, safe, and beautiful. We blend traditional craftsmanship with cutting-edge materials."
bulletPoints={[
{
title: "Licensed Professionals", description: "Fully insured and certified installation experts."},
{
title: "Premium Materials", description: "Top-tier shingles, metal, and tiles that last."},
{
title: "Comprehensive Warranty", description: "Peace of mind with every project completed."},
{ title: "Licensed Professionals", description: "Fully insured and certified installation experts." },
{ title: "Premium Materials", description: "Top-tier shingles, metal, and tiles that last." },
{ title: "Comprehensive Warranty", description: "Peace of mind with every project completed." },
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-female-supervisor-communicating-with-foreman-outdoors_259150-60520.jpg"
mediaAnimation="blur-reveal"
@@ -87,31 +75,15 @@ export default function LandingPage() {
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
id: "f1", title: "Roof Installation", author: "Pro Team", description: "Start fresh with a modern, high-efficiency roofing system.", tags: [
"New Build", "Modern"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg"},
{
id: "f2", title: "Emergency Repair", author: "Rapid Response", description: "Fast diagnostics and fixes when you need them most.", tags: [
"Repair", "Urgent"],
imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-with-hard-hat-construction_23-2150530730.jpg"},
{
id: "f3", title: "Maintenance Plans", author: "Support Dept", description: "Proactive inspections to extend your roof's lifespan.", tags: [
"Support", "Annual"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg"},
{
id: "f4", title: "Drainage Management", author: "Systems Tech", description: "Prevent water damage with our pro gutter solutions.", tags: [
"Drainage", "Preventive"],
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg"},
{
id: "f5", title: "Roof Inspection", author: "Safety Audit", description: "Comprehensive site safety and structure evaluations.", tags: [
"Analysis", "Safety"],
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg"},
products={[
{ id: "f1", name: "Roof Installation", price: "Professional Grade", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg" },
{ id: "f2", name: "Emergency Repair", price: "24/7 Response", imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-with-hard-hat-construction_23-2150530730.jpg" },
{ id: "f3", name: "Maintenance Plans", price: "Extended Life", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg" }
]}
title="Our Specialized Roofing Services"
description="From emergency repairs to complete roof replacements, we provide end-to-end support for your biggest home investment."
@@ -125,18 +97,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg"},
{
id: "p2", name: "Metal Paneling", price: "From $8/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg"},
{
id: "p3", name: "Clay Tiles", price: "From $12/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-30435.jpg"},
{
id: "p4", name: "Slate Materials", price: "From $15/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-16023.jpg"},
{
id: "p5", name: "Solar Shingles", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/house-made-leaf_23-2148576716.jpg"},
{
id: "p6", name: "Drainage Systems", price: "From $400/set", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg"},
{ id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg" },
{ id: "p2", name: "Metal Paneling", price: "From $8/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg" },
{ id: "p3", name: "Clay Tiles", price: "From $12/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-30435.jpg" }
]}
title="Roofing Materials Gallery"
description="Browse our curated selection of high-performance materials for durability and curb appeal."
@@ -144,106 +107,75 @@ export default function LandingPage() {
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
<MetricCardOne
animationType="depth-3d"
gridVariant="uniform-all-items-equal"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "1500+", title: "Completed Projects", items: [
"Residential", "Commercial"],
},
{
id: "m2", value: "20+", title: "Years Experience", items: [
"Industry Leaders"],
},
{
id: "m3", value: "99%", title: "Customer Satisfaction", items: [
"Highest Rated"],
},
]}
title="Our Impact in Numbers"
description="ARS Roofing prides itself on measurable results and customer trust."
metrics={[
{ id: "m1", value: "1500+", title: "Projects", description: "Residential & Commercial", icon: ShieldCheck },
{ id: "m2", value: "20+", title: "Years", description: "Industry Leadership", icon: ShieldCheck },
{ id: "m3", value: "99%", title: "Satisfaction", description: "Rated by Homeowners", icon: Star },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1", title: "Excellent Team", quote: "The team finished my roof faster than I expected, and the quality is superb.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg"},
{
id: "t2", title: "Professional Service", quote: "ARS roofing helped me through a leak emergency. They are truly the best in the business.", name: "Mark D.", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg"},
{
id: "t3", title: "Very Satisfied", quote: "Absolutely top notch materials and attention to detail. My roof looks brand new.", name: "Linda M.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-teenage-girl-with-chubby-cheeks-make-up-long-wavy-hair-posing-home-sitting-table-smiling-happily-camera-being-good-mood_343059-2080.jpg"},
{
id: "t4", title: "Highly Recommended", quote: "Fast, clean, and extremely professional. Best roofing experience ever.", name: "Robert B.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-couple-together-love_23-2148388839.jpg"},
{
id: "t5", title: "Great Value", quote: "Affordable yet high quality. My energy bills dropped after the new install.", name: "David L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg"},
]}
<TestimonialCardSixteen
title="What Homeowners Say"
description="We are proud to serve our community and share their stories."
textboxLayout="split"
useInvertedBackground={true}
animationType="depth-3d"
kpiItems={[
{ value: "500+", label: "Happy Clients" },
{ value: "1500+", label: "Projects Finished" },
{ value: "20+", label: "Years Expertise" }
]}
testimonials={[
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg" },
{ id: "t2", name: "Mark D.", role: "Project Manager", company: "Corporate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1", title: "How long does a roof last?", content: "Depending on materials, modern roofs last 2050 years."},
{
id: "q2", title: "Do you offer financing?", content: "Yes, we work with various partners to provide flexible payment options."},
{
id: "q3", title: "Can I install over an old roof?", content: "It depends on existing layer count, but a fresh start is usually best."},
]}
title="Common Questions"
description="Find answers to popular questions about roofing maintenance and installation."
<FaqSplitText
sideTitle="Common Questions"
sideDescription="Find answers to popular questions about roofing maintenance and installation."
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "q1", title: "How long does a roof last?", content: "Depending on materials, modern roofs last 2050 years." },
{ id: "q2", title: "Do you offer financing?", content: "Yes, we work with various partners to provide flexible payment options." },
{ id: "q3", title: "Can I install over an old roof?", content: "It depends on existing layer count, but a fresh start is usually best." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
text="Ready to discuss your new roof? Get a free inspection from our expert team today."
buttons={[
{
text: "Contact Us Now", href: "#"},
]}
<ContactSplit
title="Get Your Free Quote"
description="Ready to discuss your new roof? Get a professional inspection from our team today."
background={{ variant: "sparkles-gradient" }}
inputPlaceholder="Your best email"
buttonText="Submit Request"
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterLogoEmphasis
logoText="ARS Roofing"
columns={[
{
title: "ARS Roofing", items: [
{
label: "About Us", href: "#about"},
{
label: "Services", href: "#services"},
],
},
{
title: "Support", items: [
{
label: "Contact", href: "#contact"},
{
label: "Privacy Policy", href: "#"},
],
},
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
{ items: [{ label: "Services", href: "#services" }, { label: "Support", href: "#faq" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Legal", href: "#" }] }
]}
bottomLeftText="© 2024 Alternative Roofing Services (ARS)"
bottomRightText="All rights reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}