Merge version_1 into main #2
346
src/app/page.tsx
346
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="J Roofing"
|
||||
/>
|
||||
@@ -57,115 +42,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Stockton’s Top-Rated Roofing & Gutter Experts."
|
||||
description="Quality craftsmanship with a 4.9-star reputation. Local, Latino-owned, and dedicated to protecting your home."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg?_wi=1",
|
||||
imageAlt: "Professional roof repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg?_wi=2",
|
||||
imageAlt: "Roof installation team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg?_wi=3",
|
||||
imageAlt: "J Roofing crew",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg?_wi=4",
|
||||
imageAlt: "Finished roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg?_wi=5",
|
||||
imageAlt: "Safe work practices",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg?_wi=6",
|
||||
imageAlt: "Residential roofing excellence",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg", imageAlt: "Professional roof repair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg", imageAlt: "Roof installation team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg", imageAlt: "J Roofing crew" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg", imageAlt: "Finished roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg", imageAlt: "Safe work practices" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg", imageAlt: "Residential roofing excellence" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg?_wi=1",
|
||||
imageAlt: "Seamless gutter installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg?_wi=2",
|
||||
imageAlt: "Downspout repair services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg?_wi=3",
|
||||
imageAlt: "Gutter cleaning work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg?_wi=4",
|
||||
imageAlt: "Aluminum gutter system",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg?_wi=5",
|
||||
imageAlt: "High quality gutter materials",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg?_wi=6",
|
||||
imageAlt: "Professional gutter expert",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", imageAlt: "Seamless gutter installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", imageAlt: "Downspout repair services" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", imageAlt: "Gutter cleaning work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", imageAlt: "Aluminum gutter system" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", imageAlt: "High quality gutter materials" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", imageAlt: "Professional gutter expert" },
|
||||
]}
|
||||
tag="Latino-Owned Business • 70+ 5-Star Reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-phone-outdoors_58466-11646.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020305.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205431.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 70+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Roof Replacement",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Gutters",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dry Rot Repair",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Storm Damage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Estimates",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,49 +73,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Premium roofing materials installed to endure California weather for years.",
|
||||
icon: Shield,
|
||||
title: "Roof Replacement", description: "Premium roofing materials installed to endure California weather for years.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg?_wi=7",
|
||||
imageAlt: "residential roofing professional construction team",
|
||||
},
|
||||
{
|
||||
title: "Gutter Installation",
|
||||
description: "Custom-fit seamless gutters to efficiently manage water and protect your foundation.",
|
||||
icon: Droplets,
|
||||
title: "Gutter Installation", description: "Custom-fit seamless gutters to efficiently manage water and protect your foundation.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg?_wi=7",
|
||||
imageAlt: "seamless gutter installation contractor",
|
||||
},
|
||||
{
|
||||
title: "Dry Rot Repair",
|
||||
description: "Comprehensive structural restoration and expert rot mitigation for long-term safety.",
|
||||
icon: Building2,
|
||||
title: "Dry Rot Repair", description: "Comprehensive structural restoration and expert rot mitigation for long-term safety.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg?_wi=3",
|
||||
imageAlt: "residential asphalt shingle roof replacement",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -230,44 +103,15 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Residential Roof Project",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-old-residential-building-village-museum-bucharest-romania_1268-21641.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Seamless Gutter Upgrade",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dry Rot Restoration",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Home Exterior Refresh",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-old-residential-building-village-museum-bucharest-romania_1268-21641.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Modern Gutter Fit",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Main House Renovation",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Residential Roof Project", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/roof-old-residential-building-village-museum-bucharest-romania_1268-21641.jpg" },
|
||||
{ id: "2", name: "Seamless Gutter Upgrade", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg" },
|
||||
{ id: "3", name: "Dry Rot Restoration", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg" },
|
||||
{ id: "4", name: "Home Exterior Refresh", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/roof-old-residential-building-village-museum-bucharest-romania_1268-21641.jpg" },
|
||||
{ id: "5", name: "Modern Gutter Fit", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg" },
|
||||
{ id: "6", name: "Main House Renovation", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Recent project transformations in Stockton, CA."
|
||||
@@ -282,7 +126,7 @@ export default function LandingPage() {
|
||||
description="We treat every Stockton home like it’s our own. Edder Ruiz and his team prioritize clear communication, daily cleanup, and premium products to ensure you’re 100% happy with the results."
|
||||
subdescription="Competitive pricing backed by craftsmanship you can trust. No debris left behind."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg?_wi=8"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -294,46 +138,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ryan Prudhel",
|
||||
role: "Homeowner",
|
||||
company: "Stockton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-outdoors_58466-11646.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Allen",
|
||||
role: "Homeowner",
|
||||
company: "Stockton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Eileen Laughlin",
|
||||
role: "Local Guide",
|
||||
company: "Stockton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020305.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Local Resident",
|
||||
role: "Homeowner",
|
||||
company: "Stockton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205431.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Satisfied Client",
|
||||
role: "Homeowner",
|
||||
company: "Stockton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ryan Prudhel", role: "Homeowner", company: "Stockton", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-outdoors_58466-11646.jpg" },
|
||||
{ id: "2", name: "Robert Allen", role: "Homeowner", company: "Stockton", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg" },
|
||||
{ id: "3", name: "Eileen Laughlin", role: "Local Guide", company: "Stockton", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020305.jpg" },
|
||||
{ id: "4", name: "Local Resident", role: "Homeowner", company: "Stockton", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205431.jpg" },
|
||||
{ id: "5", name: "Satisfied Client", role: "Homeowner", company: "Stockton", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Join 70+ happy Stockton homeowners who trust J Roofing."
|
||||
@@ -346,30 +155,11 @@ export default function LandingPage() {
|
||||
title="Get a Free Estimate"
|
||||
description="Ready for your roofing or gutter project? Fill out the form and our team will reach out shortly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Property Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "address", type: "text", placeholder: "Property Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your roofing needs",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your roofing needs", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -379,46 +169,22 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "J Roofing",
|
||||
items: [
|
||||
{
|
||||
label: "1728 E Market St, Stockton, CA",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+1 209-483-7588",
|
||||
href: "tel:+12094837588",
|
||||
},
|
||||
title: "J Roofing", items: [
|
||||
{ label: "1728 E Market St, Stockton, CA", href: "#" },
|
||||
{ label: "+1 209-483-7588", href: "tel:+12094837588" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -428,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user