Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
260
src/app/page.tsx
260
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ExteriorSpec"
|
||||
/>
|
||||
@@ -55,56 +47,35 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Mastering the Art of Home Exteriors"
|
||||
description="Professional craftsmanship for your home’s facade, roofing, and structural integrity. Building lasting value, one exterior at a time."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-26.jpg"
|
||||
imageAlt="exterior construction site house"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-building-with-closed-windows_23-2148252721.jpg",
|
||||
alt: "Modern building with closed windows",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-building-with-closed-windows_23-2148252721.jpg", alt: "Modern building with closed windows"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/design-building-with-opened-windows_23-2148252778.jpg",
|
||||
alt: "Design of building with opened windows",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/design-building-with-opened-windows_23-2148252778.jpg", alt: "Design of building with opened windows"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-architect-construction-site-with-level_23-2147702482.jpg",
|
||||
alt: "Female architect on construction site with level",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-architect-construction-site-with-level_23-2147702482.jpg", alt: "Female architect on construction site with level"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-inside-office-building_250224-107.jpg",
|
||||
alt: "View inside office building",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-inside-office-building_250224-107.jpg", alt: "View inside office building"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-with-mobile-phone_329181-2838.jpg",
|
||||
alt: "Construction worker with mobile phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-with-mobile-phone_329181-2838.jpg", alt: "Construction worker with mobile phone"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Facade Restoration",
|
||||
},
|
||||
type: "text", text: "Facade Restoration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Roofing Systems",
|
||||
},
|
||||
type: "text", text: "Roofing Systems"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Decking",
|
||||
},
|
||||
type: "text", text: "Custom Decking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Structural Repair",
|
||||
},
|
||||
type: "text", text: "Structural Repair"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Siding",
|
||||
},
|
||||
type: "text", text: "Modern Siding"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,9 +85,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Expertise Built for Lasting Results"
|
||||
description={[
|
||||
"For over 20 years, our team of exterior specialists has transformed residential properties into resilient, beautiful homes.",
|
||||
"We blend traditional construction techniques with modern materials to ensure your property remains protected and stunning for decades.",
|
||||
]}
|
||||
"For over 20 years, our team of exterior specialists has transformed residential properties into resilient, beautiful homes.", "We blend traditional construction techniques with modern materials to ensure your property remains protected and stunning for decades."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,34 +96,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Facades",
|
||||
title: "Exterior Facade Work",
|
||||
items: [
|
||||
"Brickwork restoration",
|
||||
"Modern siding installation",
|
||||
"Facade structural repairs",
|
||||
],
|
||||
id: "f1", label: "Facades", title: "Exterior Facade Work", items: [
|
||||
"Brickwork restoration", "Modern siding installation", "Facade structural repairs"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Structural",
|
||||
title: "Roofing & Decks",
|
||||
items: [
|
||||
"Roof replacement",
|
||||
"Custom deck design",
|
||||
"Structural waterproofing",
|
||||
],
|
||||
id: "f2", label: "Structural", title: "Roofing & Decks", items: [
|
||||
"Roof replacement", "Custom deck design", "Structural waterproofing"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Finishing",
|
||||
title: "Trim & Finishing",
|
||||
items: [
|
||||
"Custom trim molding",
|
||||
"Professional exterior paint",
|
||||
"Weatherproof sealants",
|
||||
],
|
||||
id: "f3", label: "Finishing", title: "Trim & Finishing", items: [
|
||||
"Custom trim molding", "Professional exterior paint", "Weatherproof sealants"],
|
||||
},
|
||||
]}
|
||||
title="Exterior Renovation Services"
|
||||
@@ -170,59 +121,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Renovation",
|
||||
name: "Luxury Facade Refinish",
|
||||
price: "$15,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15748.jpg",
|
||||
},
|
||||
id: "p1", brand: "Renovation", name: "Luxury Facade Refinish", price: "$15,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15748.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Roofing",
|
||||
name: "Modern Slate Roofing",
|
||||
price: "$22,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-architectural-texture-close-up_23-2151900430.jpg",
|
||||
},
|
||||
id: "p2", brand: "Roofing", name: "Modern Slate Roofing", price: "$22,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/urban-architectural-texture-close-up_23-2151900430.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Hardscaping",
|
||||
name: "Stone Entryway Build",
|
||||
price: "$9,500",
|
||||
rating: 4,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418535.jpg",
|
||||
},
|
||||
id: "p3", brand: "Hardscaping", name: "Stone Entryway Build", price: "$9,500", rating: 4,
|
||||
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418535.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Carpentry",
|
||||
name: "Custom Cedar Deck",
|
||||
price: "$18,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756598.jpg",
|
||||
},
|
||||
id: "p4", brand: "Carpentry", name: "Custom Cedar Deck", price: "$18,000", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756598.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Siding",
|
||||
name: "Fiber Cement Cladding",
|
||||
price: "$12,000",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13574.jpg",
|
||||
},
|
||||
id: "p5", brand: "Siding", name: "Fiber Cement Cladding", price: "$12,000", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13574.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Finish",
|
||||
name: "Premium Trim Package",
|
||||
price: "$6,000",
|
||||
rating: 5,
|
||||
reviewCount: "33",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756592.jpg",
|
||||
},
|
||||
id: "p6", brand: "Finish", name: "Premium Trim Package", price: "$6,000", rating: 5,
|
||||
reviewCount: "33", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756592.jpg"},
|
||||
]}
|
||||
title="Project Portfolio"
|
||||
description="A glimpse into our recent exterior renovations and transformations."
|
||||
@@ -236,26 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "250+",
|
||||
title: "Homes Completed",
|
||||
description: "Over two hundred successful projects finished.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-opening-architectural-project_23-2148242959.jpg",
|
||||
},
|
||||
id: "m1", value: "250+", title: "Homes Completed", description: "Over two hundred successful projects finished.", imageSrc: "http://img.b2bpic.net/free-photo/man-opening-architectural-project_23-2148242959.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Dedicated industry expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-looking-through-plans_23-2148233716.jpg",
|
||||
},
|
||||
id: "m2", value: "15", title: "Years Experience", description: "Dedicated industry expertise.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-looking-through-plans_23-2148233716.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently high rated service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970029.jpg",
|
||||
},
|
||||
id: "m3", value: "98%", title: "Client Satisfaction", description: "Consistently high rated service.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970029.jpg"},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Proven reliability in residential exterior construction."
|
||||
@@ -269,40 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and professionalism throughout our facade renovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-gay-couple-balcony_74855-20307.jpg",
|
||||
},
|
||||
id: "1", name: "John D.", role: "Homeowner", testimonial: "Excellent service and professionalism throughout our facade renovation.", imageSrc: "http://img.b2bpic.net/free-photo/happy-gay-couple-balcony_74855-20307.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah M.",
|
||||
role: "Homeowner",
|
||||
testimonial: "They built the perfect custom deck for our backyard. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-bench-talking-by-phone-looking-camera-smiling_651396-1039.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah M.", role: "Homeowner", testimonial: "They built the perfect custom deck for our backyard. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/man-bench-talking-by-phone-looking-camera-smiling_651396-1039.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark R.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Seamless roof replacement. Fast, clean, and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-riding-scooter-together_23-2148733494.jpg",
|
||||
},
|
||||
id: "3", name: "Mark R.", role: "Homeowner", testimonial: "Seamless roof replacement. Fast, clean, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-riding-scooter-together_23-2148733494.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily K.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Our brickwork looks brand new thanks to their expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architecture-city_23-2148798691.jpg",
|
||||
},
|
||||
id: "4", name: "Emily K.", role: "Homeowner", testimonial: "Our brickwork looks brand new thanks to their expertise.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-architecture-city_23-2148798691.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Great attention to detail with our custom exterior trim.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-reflection-modern-white-building-pool_23-2151993725.jpg",
|
||||
},
|
||||
id: "5", name: "David W.", role: "Homeowner", testimonial: "Great attention to detail with our custom exterior trim.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-reflection-modern-white-building-pool_23-2151993725.jpg"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our clients say about our exterior construction work."
|
||||
@@ -315,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What project types do you cover?",
|
||||
content: "We specialize in siding, roofing, facades, custom decks, and architectural finishes.",
|
||||
},
|
||||
id: "q1", title: "What project types do you cover?", content: "We specialize in siding, roofing, facades, custom decks, and architectural finishes. Our team is equipped to handle everything from historic restorations to contemporary new builds."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long is your warranty?",
|
||||
content: "We offer a 5-year workmanship guarantee on all structural renovations.",
|
||||
},
|
||||
id: "q2", title: "What is the expected project timeline?", content: "Timelines vary by scope; however, we provide a detailed project schedule during our initial consultation. Most residential exterior projects are completed within 4 to 8 weeks, depending on weather and complexity."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we provide free, detailed site estimates for every project.",
|
||||
},
|
||||
id: "q3", title: "How do you source your materials?", content: "We partner exclusively with certified, high-end manufacturers known for sustainable and weather-resistant products. Every component we use is vetted for longevity and aesthetic compatibility with your home."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -342,14 +208,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to enhance your home's exterior? Let’s start your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request a Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -360,38 +223,25 @@ export default function LandingPage() {
|
||||
logoText="ExteriorSpec"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user