Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -17,31 +17,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Casado Roofing LLC"
|
||||
/>
|
||||
@@ -49,39 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Premium Roofing. Built to Last."
|
||||
description="Casado Roofing LLC provides premium roofing services you can trust—fast, professional, and built for durability."
|
||||
tag="Casado Roofing LLC"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg?_wi=1",
|
||||
imageAlt: "Luxury roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg?_wi=1",
|
||||
imageAlt: "Luxury roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
|
||||
imageAlt: "High angle beautiful wooden house with new roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107136.jpg",
|
||||
imageAlt: "Detail of urban stairs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg",
|
||||
imageAlt: "Rural house with stone pathway",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg", imageAlt: "Luxury roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg", imageAlt: "Luxury roofing" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,79 +63,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Fix leaks, storm damage, and wear before it becomes costly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg",
|
||||
imageAlt: "Roof repairs",
|
||||
},
|
||||
title: "Roof Repairs", description: "Fix leaks, storm damage, and wear before it becomes costly.", media: { imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "Roof repairs" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Emergency repairs",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Leak detection",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Storm restoration",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Emergency repairs" },
|
||||
{ icon: CheckCircle, text: "Leak detection" },
|
||||
{ icon: CheckCircle, text: "Storm restoration" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg?_wi=2",
|
||||
imageAlt: "roof repair service residential",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Full roof upgrades using durable, high-quality materials.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
|
||||
imageAlt: "Replacement",
|
||||
},
|
||||
title: "Roof Replacement", description: "Full roof upgrades using durable, high-quality materials.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", imageAlt: "Replacement" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Material variety",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Expert installation",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Warranty included",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Material variety" },
|
||||
{ icon: CheckCircle, text: "Expert installation" },
|
||||
{ icon: CheckCircle, text: "Warranty included" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
imageAlt: "roof repair service residential",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Inspection",
|
||||
description: "Protect your home with routine inspections and preventative care.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg?_wi=1",
|
||||
imageAlt: "Inspection",
|
||||
},
|
||||
title: "Inspection", description: "Protect your home with routine inspections and preventative care.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", imageAlt: "Inspection" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Full roof audit",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Detailed reports",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Maintenance plans",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Full roof audit" },
|
||||
{ icon: CheckCircle, text: "Detailed reports" },
|
||||
{ icon: CheckCircle, text: "Maintenance plans" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg?_wi=2",
|
||||
imageAlt: "roof repair service residential",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
@@ -181,12 +100,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Built on Trust & Quality"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,46 +109,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Work",
|
||||
quote: "Top service! Responsive, professional, and reasonably priced.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Very Fast",
|
||||
quote: "Fast response, great communication, and fair pricing.",
|
||||
name: "Michael C.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommend",
|
||||
quote: "Amazing job on my roof. Highly recommend!",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "On Time",
|
||||
quote: "Professional team, completed work on time as promised.",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-outdoors-full-shot_23-2149714278.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Quality",
|
||||
quote: "Quality work and very transparent throughout the whole project.",
|
||||
name: "Jessica M.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg",
|
||||
},
|
||||
{ id: "1", title: "Great Work", quote: "Top service! Responsive, professional, and reasonably priced.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg" },
|
||||
{ id: "2", title: "Very Fast", quote: "Fast response, great communication, and fair pricing.", name: "Michael C.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg" },
|
||||
{ id: "3", title: "Highly Recommend", quote: "Amazing job on my roof. Highly recommend!", name: "Emily R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg" },
|
||||
{ id: "4", title: "On Time", quote: "Professional team, completed work on time as promised.", name: "David K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-working-outdoors-full-shot_23-2149714278.jpg" },
|
||||
{ id: "5", title: "Quality", quote: "Quality work and very transparent throughout the whole project.", name: "Jessica M.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg" },
|
||||
]}
|
||||
title="Homeowner Reviews"
|
||||
description="Don't just take our word for it—see what our satisfied clients have to say."
|
||||
@@ -244,13 +123,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Roofing Help?"
|
||||
description="Get a fast, free quote today and let our team take care of your home."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -259,49 +136,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Casado Roofing LLC"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Estimates",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Estimates", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user