Merge version_1 into main #1
209
src/app/page.tsx
209
src/app/page.tsx
@@ -17,80 +17,46 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Restoration Inc."
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Restoring Excellence in Mount Juliet"
|
||||
description="Family-owned and trusted for 18+ years. Premier residential and commercial roofing, siding, and remodeling services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get an Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get an Estimate", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-concrete-building-construction-against-cloudy-sky_626616-500.jpg",
|
||||
imageAlt: "Roofing Restoration",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
|
||||
imageAlt: "Exterior Siding Work",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
|
||||
imageAlt: "Gutter Maintenance",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
imageAlt: "Interior Remodeling",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
|
||||
imageAlt: "Mount Juliet Construction",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-renovating-house_53876-13433.jpg",
|
||||
imageAlt: "Property Restoration",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/raw-concrete-building-construction-against-cloudy-sky_626616-500.jpg", imageAlt: "Roofing Restoration" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", imageAlt: "Exterior Siding Work" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg", imageAlt: "Gutter Maintenance" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Interior Remodeling" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg", imageAlt: "Mount Juliet Construction" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/people-renovating-house_53876-13433.jpg", imageAlt: "Property Restoration" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,21 +78,9 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roofing & Siding",
|
||||
description: "High-quality roofing installation and durable siding solutions for home and business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-160.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gutter Systems",
|
||||
description: "Complete gutter installation, cleaning, and maintenance services to protect your foundation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg",
|
||||
},
|
||||
{
|
||||
title: "Interior Remodeling",
|
||||
description: "Full-service interior renovations tailored to your personal taste and lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278568.jpg",
|
||||
},
|
||||
{ title: "Roofing & Siding", description: "High-quality roofing installation and durable siding solutions for home and business.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-160.jpg" },
|
||||
{ title: "Gutter Systems", description: "Complete gutter installation, cleaning, and maintenance services to protect your foundation.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg" },
|
||||
{ title: "Interior Remodeling", description: "Full-service interior renovations tailored to your personal taste and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278568.jpg" },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in both commercial and residential projects across Mount Juliet."
|
||||
@@ -139,46 +93,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah-mtj",
|
||||
testimonial: "Exceptional service! They restored our roof quickly and professionally.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
handle: "@john-roof",
|
||||
testimonial: "Truly a family-owned business that cares. Great craftsmanship on our siding.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-index-finger-up_23-2148308592.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
handle: "@emily-remodel",
|
||||
testimonial: "Our kitchen remodel was seamless. Everything was done on time and budget.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-interracial-successful-coworkers-work-together-annual-economic-report_273609-18029.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wilson",
|
||||
handle: "@dw-gutters",
|
||||
testimonial: "Very thorough gutter cleaning and repair. Highly recommend them to everyone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Brown",
|
||||
handle: "@anna-res",
|
||||
testimonial: "Professional, reliable, and friendly. We are very happy with our exterior.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-house_329181-9436.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarah-mtj", testimonial: "Exceptional service! They restored our roof quickly and professionally.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg" },
|
||||
{ id: "t2", name: "John Doe", handle: "@john-roof", testimonial: "Truly a family-owned business that cares. Great craftsmanship on our siding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-index-finger-up_23-2148308592.jpg" },
|
||||
{ id: "t3", name: "Emily Davis", handle: "@emily-remodel", testimonial: "Our kitchen remodel was seamless. Everything was done on time and budget.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-interracial-successful-coworkers-work-together-annual-economic-report_273609-18029.jpg" },
|
||||
{ id: "t4", name: "David Wilson", handle: "@dw-gutters", testimonial: "Very thorough gutter cleaning and repair. Highly recommend them to everyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg" },
|
||||
{ id: "t5", name: "Anna Brown", handle: "@anna-res", testimonial: "Professional, reliable, and friendly. We are very happy with our exterior.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-house_329181-9436.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Local Homeowners"
|
||||
@@ -191,21 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long have you been in business?",
|
||||
content: "We have been providing expert construction and restoration services in Mount Juliet for over 18 years.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle both residential and commercial?",
|
||||
content: "Yes, we specialize in both types of projects with dedicated expertise for each.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you fully insured and licensed?",
|
||||
content: "Absolutely. We are fully licensed and insured for all construction and restoration tasks.",
|
||||
},
|
||||
{ id: "f1", title: "How long have you been in business?", content: "We have been providing expert construction and restoration services in Mount Juliet for over 18 years." },
|
||||
{ id: "f2", title: "Do you handle both residential and commercial?", content: "Yes, we specialize in both types of projects with dedicated expertise for each." },
|
||||
{ id: "f3", title: "Are you fully insured and licensed?", content: "Absolutely. We are fully licensed and insured for all construction and restoration tasks." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our restoration services."
|
||||
@@ -217,8 +124,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Renovation?"
|
||||
description="Reach out today to discuss your next residential or commercial project."
|
||||
@@ -230,50 +136,23 @@ export default function LandingPage() {
|
||||
logoText="Restoration Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roofing",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Siding",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Remodeling",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Roofing", href: "#features" },
|
||||
{ label: "Siding", href: "#features" },
|
||||
{ label: "Remodeling", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user