Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
113
src/app/page.tsx
113
src/app/page.tsx
@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, CheckCircle, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,7 +29,7 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
@@ -41,68 +41,47 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
<HeroCarouselLogo
|
||||
logoText="Boss Roofing LLC"
|
||||
description="Trusted Roofing Experts Protecting Homes Across Washington"
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+15550123456" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg"
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<FeatureCardTwentyOne
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repair", description: "Quick, reliable repairs to stop leaks.", media: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg" },
|
||||
items: [{ text: "Leaking flashings", icon: CheckCircle }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Roof Replacement", description: "Long-lasting roofing systems.", media: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" },
|
||||
items: [{ text: "Lifetime warranty", icon: CheckCircle }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Emergency Roofing", description: "24/7 service for storm damage.", media: { imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg" },
|
||||
items: [{ text: "Fast dispatch", icon: CheckCircle }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
description="Comprehensive roofing solutions for Washington homeowners."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Roof Repair", content: "Quick, reliable repairs to stop leaks." },
|
||||
{ id: "2", title: "Roof Replacement", content: "Long-lasting roofing systems." },
|
||||
{ id: "3", title: "Emergency Roofing", content: "24/7 service for storm damage." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<FeatureCardTwentyOne
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Work", description: "Our craftsmanship speaks for itself.", media: { imageSrc: "http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg" },
|
||||
items: [],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Modern Aesthetics", description: "Elevated curb appeal every time.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg" },
|
||||
items: [],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Durable Results", description: "Roofs built for Washington weather.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg" },
|
||||
items: [],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Before & After Gallery"
|
||||
description="See the Boss Roofing difference."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Precision Work", content: "Our craftsmanship speaks for itself." },
|
||||
{ id: "2", title: "Modern Aesthetics", content: "Elevated curb appeal every time." },
|
||||
{ id: "3", title: "Durable Results", content: "Roofs built for Washington weather." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,34 +99,32 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
<TestimonialCardSix
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Client Voices"
|
||||
description="Hear from our satisfied customers across Washington."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-brushes_23-2147611457.jpg" },
|
||||
{ id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58370.jpg" },
|
||||
{ id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
|
||||
{ id: "5", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg" },
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Fantastic service and quick turnaround!" },
|
||||
{ id: "2", name: "Mike D.", handle: "@miked", testimonial: "The roof looks incredible and holds up perfectly." },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Highly recommended for any roofing needs." },
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
<FaqSplitText
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
sideTitle="Our Process"
|
||||
sideDescription="Simple, transparent roofing process."
|
||||
faqs={[
|
||||
{ id: "1", title: "Inspection", content: "Our experts evaluate your current roofing." },
|
||||
{ id: "2", title: "Estimate", content: "Get a transparent, itemized quote." },
|
||||
{ id: "3", title: "Repair", content: "Professional installation and repair." },
|
||||
{ id: "4", title: "Final Check", content: "Quality assurance and satisfaction." },
|
||||
]}
|
||||
title="Our Process"
|
||||
description="Simple, transparent roofing process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,15 +158,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }] },
|
||||
{ items: [{ label: "Gallery", href: "#gallery" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
<FooterLogoReveal
|
||||
logoText="Boss Roofing LLC"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user