Merge version_1 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -29,30 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TAS Roofing"
|
||||
/>
|
||||
@@ -63,34 +45,16 @@ export default function LandingPage() {
|
||||
title="Reliable Roofing You Can Trust"
|
||||
description="Expert roof replacements, repairs, high-quality shingles, and storm damage restoration. We prioritize exceptional customer service and lasting quality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Get a Free Estimate", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg"
|
||||
imageAlt="Professional residential roofing project"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-shot-private-houses-weymouth-dorset-uk_181624-20411.jpg",
|
||||
alt: "Aerial shot of private houses in Weymouth, Dorset, UK",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-shot-roof-building-with-cars-green-plants_181624-20963.jpg",
|
||||
alt: "Aerial shot of a roof of a building with cars and green plants",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nanchang-street-old-town-wuxi-china_1127-3944.jpg",
|
||||
alt: "Nanchang street old town in Wuxi, China",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-shot-rooftops-city-buildings-with-red-shingles_181624-12846.jpg",
|
||||
alt: "Aerial shot of rooftops of city buildings with red shingles",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg",
|
||||
alt: "Professional residential roofing project",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/aerial-shot-private-houses-weymouth-dorset-uk_181624-20411.jpg", alt: "Aerial shot of private houses in Weymouth, Dorset, UK" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aerial-shot-roof-building-with-cars-green-plants_181624-20963.jpg", alt: "Aerial shot of a roof of a building with cars and green plants" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/nanchang-street-old-town-wuxi-china_1127-3944.jpg", alt: "Nanchang street old town in Wuxi, China" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aerial-shot-rooftops-city-buildings-with-red-shingles_181624-12846.jpg", alt: "Aerial shot of rooftops of city buildings with red shingles" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg", alt: "Professional residential roofing project" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
/>
|
||||
@@ -114,40 +78,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Durable, high-quality full roof replacements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
|
||||
titleIconSrc: "Home",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Roof Replacement", description: "Durable, high-quality full roof replacements.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", titleIconSrc: "Home", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Expert fixes for leaks and minor damages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
titleIconSrc: "Wrench",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Roof Repairs", description: "Expert fixes for leaks and minor damages.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", titleIconSrc: "Wrench", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Storm Damage",
|
||||
description: "Restoration services following severe weather.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-looking-each-other-before-kissing_1153-734.jpg",
|
||||
titleIconSrc: "CloudLightning",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Storm Damage", description: "Restoration services following severe weather.", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-looking-each-other-before-kissing_1153-734.jpg", titleIconSrc: "CloudLightning", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Shingle Install",
|
||||
description: "Precise shingle installation for lasting protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
titleIconSrc: "Settings",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Shingle Install", description: "Precise shingle installation for lasting protection.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", titleIconSrc: "Settings", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Claims Assistance",
|
||||
description: "Guidance through insurance claim processes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-student-fill-questionnaire-study-documents-school-registration_273609-44237.jpg",
|
||||
titleIconSrc: "FileCheck",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Claims Assistance", description: "Guidance through insurance claim processes.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-student-fill-questionnaire-study-documents-school-registration_273609-44237.jpg", titleIconSrc: "FileCheck", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="Comprehensive roofing solutions for Port Allen, LA homeowners."
|
||||
@@ -156,50 +95,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Port Allen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-life-country-side-after-moving-from-city_23-2151278854.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "Port Allen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-life-country-side-after-moving-from-city_23-2151278854.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "Port Allen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-morning-sun-before-start-work_329181-11779.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Homeowner", company: "Port Allen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-morning-sun-before-start-work_329181-11779.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
role: "Homeowner",
|
||||
company: "Port Allen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
|
||||
},
|
||||
id: "3", name: "Emily P.", role: "Homeowner", company: "Port Allen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John W.",
|
||||
role: "Homeowner",
|
||||
company: "Port Allen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-handsome-man-hold-laptop-head-as-roof_176420-17908.jpg",
|
||||
},
|
||||
id: "4", name: "John W.", role: "Homeowner", company: "Port Allen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-handsome-man-hold-laptop-head-as-roof_176420-17908.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa K.",
|
||||
role: "Homeowner",
|
||||
company: "Port Allen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa K.", role: "Homeowner", company: "Port Allen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg"},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="We are proud of our 4.9-star reputation built on honesty, kindness, and fast service."
|
||||
@@ -214,47 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Project A Before",
|
||||
price: "Old Condition",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935976.jpg",
|
||||
},
|
||||
id: "1", name: "Project A Before", price: "Old Condition", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935976.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Project A After",
|
||||
price: "Restored",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
|
||||
},
|
||||
id: "2", name: "Project A After", price: "Restored", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Project B Before",
|
||||
price: "Damaged",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
|
||||
},
|
||||
id: "3", name: "Project B Before", price: "Damaged", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Project B After",
|
||||
price: "Perfect",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-building_1122-873.jpg",
|
||||
},
|
||||
id: "4", name: "Project B After", price: "Perfect", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/windows-building_1122-873.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Project C Before",
|
||||
price: "Weathered",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
},
|
||||
id: "5", name: "Project C Before", price: "Weathered", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Project C After",
|
||||
price: "Renewed",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-wall-with-sky_23-2148106899.jpg",
|
||||
},
|
||||
id: "6", name: "Project C After", price: "Renewed", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-wall-with-sky_23-2148106899.jpg"},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="See the TAS Roofing difference in action."
|
||||
@@ -265,8 +150,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for your estimate?"
|
||||
description="Serving Port Allen, Louisiana and surrounding areas. Call us at (555) 123-4567 or fill out the form."
|
||||
@@ -279,42 +163,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{
|
||||
label: "Port Allen, LA",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "(555) 123-4567", href: "tel:5551234567" },
|
||||
{ label: "Port Allen, LA", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 8am-6pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: By Appointment",
|
||||
href: "#",
|
||||
},
|
||||
title: "Hours", items: [
|
||||
{ label: "Mon-Fri: 8am-6pm", href: "#" },
|
||||
{ label: "Sat: By Appointment", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user