Merge version_1 into main #2
338
src/app/page.tsx
338
src/app/page.tsx
@@ -31,98 +31,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Remodelers"
|
||||
button={{
|
||||
text: "Schedule",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Schedule", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transform Your Space with Professional Remodeling"
|
||||
description="From garage conversions to complete room renovations, our expert team brings your vision to life with precision, quality, and care."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "100%", label: "Customer Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362800.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362800.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661010.jpg",
|
||||
alt: "Adult training for body building",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/japanese-house-entrance-with-windows_23-2149301046.jpg",
|
||||
alt: "Japanese house entrance with windows",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367017.jpg",
|
||||
alt: "Woman enjoying her exterior hobbies",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-modern-book-shelf-stairs_23-2148238645.jpg",
|
||||
alt: "Minimalist modern book shelf and stairs",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-people-wearing-helmets_23-2149366643.jpg",
|
||||
alt: "Smiley people wearing helmets",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661010.jpg", alt: "Adult training for body building" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/japanese-house-entrance-with-windows_23-2149301046.jpg", alt: "Japanese house entrance with windows" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367017.jpg", alt: "Woman enjoying her exterior hobbies" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/minimalist-modern-book-shelf-stairs_23-2148238645.jpg", alt: "Minimalist modern book shelf and stairs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-people-wearing-helmets_23-2149366643.jpg", alt: "Smiley people wearing helmets" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality First",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "On-Time Completion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Craftsmanship",
|
||||
},
|
||||
{ type: "text", text: "Quality First" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "On-Time Completion" },
|
||||
{ type: "text", text: "Sustainable Materials" },
|
||||
{ type: "text", text: "Expert Craftsmanship" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,19 +76,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Expert ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865313.jpg",
|
||||
alt: "About Team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Building Dreams",
|
||||
},
|
||||
{ type: "text", content: "Our Expert " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865313.jpg", alt: "About Team" },
|
||||
{ type: "text", content: " Building Dreams" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,27 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Electrical",
|
||||
title: "Advanced Electrical Systems",
|
||||
subtitle: "Safety First",
|
||||
description: "Professional electrical wiring and system upgrades for your renovated rooms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assembly-electrical-panel-electrician-job-robot-with-wires-circuit-breakers_169016-1814.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Conversion",
|
||||
title: "Garage to Apartment",
|
||||
subtitle: "Maximize Potential",
|
||||
description: "Expert garage-to-apartment conversion, creating comfortable, functional living spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Masonry",
|
||||
title: "Brick Room Remodels",
|
||||
subtitle: "Sturdy & Stylish",
|
||||
description: "Reliable brick wall construction and interior room remodeling tailored to your specific design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-brick-texture_23-2147625936.jpg",
|
||||
},
|
||||
{ tag: "Electrical", title: "Advanced Electrical Systems", subtitle: "Safety First", description: "Professional electrical wiring and system upgrades for your renovated rooms.", imageSrc: "http://img.b2bpic.net/free-photo/assembly-electrical-panel-electrician-job-robot-with-wires-circuit-breakers_169016-1814.jpg" },
|
||||
{ tag: "Conversion", title: "Garage to Apartment", subtitle: "Maximize Potential", description: "Expert garage-to-apartment conversion, creating comfortable, functional living spaces.", imageSrc: "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg" },
|
||||
{ tag: "Masonry", title: "Brick Room Remodels", subtitle: "Sturdy & Stylish", description: "Reliable brick wall construction and interior room remodeling tailored to your specific design.", imageSrc: "http://img.b2bpic.net/free-photo/old-brick-texture_23-2147625936.jpg" },
|
||||
]}
|
||||
title="Our Specialized Remodeling Services"
|
||||
description="We specialize in professional electrical upgrades, complex structural masonry, and full-scale interior home transformations."
|
||||
@@ -187,54 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Renovation",
|
||||
name: "Modern Living Area",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-century-modern-sideboard-with-coral-drawers_23-2151988669.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Construction",
|
||||
name: "Guest Suite Build",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-workers-collaborating-together_23-2147668764.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Renovation",
|
||||
name: "Home Workspace",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-room_23-2147704214.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Construction",
|
||||
name: "Garage Conversion",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-businesswoman-checking-design-window_23-2147601367.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Masonry",
|
||||
name: "Brick Room Remodel",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-electrician-cuts-voltage-cable-repair_169016-11855.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Construction",
|
||||
name: "Studio Apartment",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-van-interior-prepared-camping_23-2151938543.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Renovation", name: "Modern Living Area", price: "Custom", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/mid-century-modern-sideboard-with-coral-drawers_23-2151988669.jpg" },
|
||||
{ id: "p2", brand: "Construction", name: "Guest Suite Build", price: "Custom", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-collaborating-together_23-2147668764.jpg" },
|
||||
{ id: "p3", brand: "Renovation", name: "Home Workspace", price: "Custom", rating: 5, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-room_23-2147704214.jpg" },
|
||||
{ id: "p4", brand: "Construction", name: "Garage Conversion", price: "Custom", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-businesswoman-checking-design-window_23-2147601367.jpg" },
|
||||
{ id: "p5", brand: "Masonry", name: "Brick Room Remodel", price: "Custom", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/construction-electrician-cuts-voltage-cable-repair_169016-11855.jpg" },
|
||||
{ id: "p6", brand: "Construction", name: "Studio Apartment", price: "Custom", rating: 5, reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/cozy-van-interior-prepared-camping_23-2151938543.jpg" },
|
||||
]}
|
||||
title="Recent Project Highlights"
|
||||
description="Explore our portfolio of successful construction, masonry, and interior remodeling projects."
|
||||
@@ -247,57 +122,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Basic Electrical Upgrade",
|
||||
price: "$1,500+",
|
||||
period: "Starting",
|
||||
features: [
|
||||
"Electrical wiring check",
|
||||
"Circuit upgrade",
|
||||
"Lighting installation",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
imageAlt: "Collaboration of two carpenters in building",
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
title: "Standard Room Remodel",
|
||||
price: "$8,000+",
|
||||
period: "Starting",
|
||||
features: [
|
||||
"Wall framing",
|
||||
"Electrical integration",
|
||||
"Drywall finish",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362800.jpg?_wi=2",
|
||||
imageAlt: "Collaboration of two carpenters in building",
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Garage Conversion",
|
||||
price: "$25,000+",
|
||||
period: "Starting",
|
||||
features: [
|
||||
"Full structural renovation",
|
||||
"Custom electrical build",
|
||||
"Insulation & Climate",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865313.jpg",
|
||||
imageAlt: "Collaboration of two carpenters in building",
|
||||
},
|
||||
{ id: "basic", title: "Basic Electrical Upgrade", price: "$1,500+", period: "Starting", features: ["Electrical wiring check", "Circuit upgrade", "Lighting installation"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
|
||||
{ id: "standard", title: "Standard Room Remodel", price: "$8,000+", period: "Starting", features: ["Wall framing", "Electrical integration", "Drywall finish"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362800.jpg" },
|
||||
{ id: "premium", title: "Garage Conversion", price: "$25,000+", period: "Starting", features: ["Full structural renovation", "Custom electrical build", "Insulation & Climate"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865313.jpg" },
|
||||
]}
|
||||
title="Project Pricing Estimates"
|
||||
description="Get transparent information about our remodeling project cost structures."
|
||||
@@ -308,31 +135,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173710.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30469.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-tablet-with-copy-space_23-2148243005.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
|
||||
{ id: "t2", name: "Sarah Smith", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173710.jpg" },
|
||||
{ id: "t3", name: "Mike Johnson", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg" },
|
||||
{ id: "t4", name: "Emily Davis", imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30469.jpg" },
|
||||
{ id: "t5", name: "Robert Brown", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-tablet-with-copy-space_23-2148243005.jpg" },
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Our Reputation"
|
||||
@@ -345,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I schedule an appointment?",
|
||||
content: "You can easily schedule a consultation using our online contact form at the bottom of the page.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured for all our electrical and construction work.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a garage conversion take?",
|
||||
content: "Timelines depend on the complexity but typically range from 4 to 8 weeks.",
|
||||
},
|
||||
{ id: "f1", title: "How do I schedule an appointment?", content: "You can easily schedule a consultation using our online contact form at the bottom of the page." },
|
||||
{ id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for all our electrical and construction work." },
|
||||
{ id: "f3", title: "How long does a garage conversion take?", content: "Timelines depend on the complexity but typically range from 4 to 8 weeks." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-play-guitar-writing-music-african-caucasian-men_1157-47324.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -371,16 +166,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to transform your home? Schedule your professional consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@eliteremodelers.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@eliteremodelers.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -388,37 +176,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Electrical",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Garage Conversions",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Masonry",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Electrical", href: "#services" },
|
||||
{ label: "Garage Conversions", href: "#services" },
|
||||
{ label: "Masonry", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user