Merge version_1 into main #2
326
src/app/page.tsx
326
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
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="DecorGuard Pros"
|
||||
/>
|
||||
@@ -58,81 +43,34 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Protecting Your Home with Elegance"
|
||||
description="Premium decor and advanced waterproofing solutions. We blend sophisticated design with industry-leading protection to ensure your living spaces stay beautiful and dry."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "2k+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "2k+", label: "Successful Projects" },
|
||||
{ value: "100%", label: "Client Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Book Consultation", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-architect-construction-site-with-level_23-2147702482.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-architect-construction-site-with-level_23-2147702482.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149366697.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site-full-length-home-renovation-concept_169016-7324.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-coworkers-discussing-work-subject_23-2147668781.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149366697.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site-full-length-home-renovation-concept_169016-7324.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-coworkers-discussing-work-subject_23-2147668781.jpg", alt: "Team member 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Waterproof Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Structural Integrity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Home Restoration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Finishes",
|
||||
},
|
||||
{ type: "text", text: "Waterproof Certified" },
|
||||
{ type: "text", text: "Interior Design" },
|
||||
{ type: "text", text: "Structural Integrity" },
|
||||
{ type: "text", text: "Home Restoration" },
|
||||
{ type: "text", text: "Premium Finishes" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,20 +82,11 @@ export default function LandingPage() {
|
||||
title="Craftsmanship Meets Protection"
|
||||
description="We believe your home should look amazing and remain structurally sound. Our dual-specialty approach allows us to solve complex waterproofing challenges while enhancing your interior design aesthetic."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Waterproofing",
|
||||
description: "Cutting-edge techniques to secure your foundation and walls against all weather elements.",
|
||||
},
|
||||
{
|
||||
title: "Elegant Decor Design",
|
||||
description: "Customized interior design services that prioritize your comfort and personal style.",
|
||||
},
|
||||
{
|
||||
title: "End-to-End Solutions",
|
||||
description: "Full-cycle project management from architectural design to final waterproofing seal.",
|
||||
},
|
||||
{ title: "Precision Waterproofing", description: "Cutting-edge techniques to secure your foundation and walls against all weather elements." },
|
||||
{ title: "Elegant Decor Design", description: "Customized interior design services that prioritize your comfort and personal style." },
|
||||
{ title: "End-to-End Solutions", description: "Full-cycle project management from architectural design to final waterproofing seal." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-discussing-business_23-2148911762.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-discussing-business_23-2148911762.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -169,46 +98,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Waterproofing",
|
||||
description: "State-of-the-art leak prevention and moisture management for basement and interior walls.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12130.jpg",
|
||||
imageAlt: "Interior wall waterproofing",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756576.jpg",
|
||||
imageAlt: "Moisture management detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-construction-site-with-level_23-2147702482.jpg?_wi=2",
|
||||
imageAlt: "modern waterproof wall finish interior",
|
||||
title: "Interior Waterproofing", description: "State-of-the-art leak prevention and moisture management for basement and interior walls.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12130.jpg", imageAlt: "Interior wall waterproofing" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756576.jpg", imageAlt: "Moisture management detail" }
|
||||
},
|
||||
{
|
||||
title: "Facade & Exterior Protection",
|
||||
description: "Advanced exterior sealants that maintain aesthetic appeal while blocking weather damage.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg",
|
||||
imageAlt: "Exterior facade sealing",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-covid-concept-disappointed-guy-medical-mask-suit-showing-paper-house-cutout-w_1258-150114.jpg",
|
||||
imageAlt: "Weather-resistant coating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-discussing-business_23-2148911762.jpg?_wi=2",
|
||||
imageAlt: "modern waterproof wall finish interior",
|
||||
title: "Facade & Exterior Protection", description: "Advanced exterior sealants that maintain aesthetic appeal while blocking weather damage.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg", imageAlt: "Exterior facade sealing" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/real-estate-covid-concept-disappointed-guy-medical-mask-suit-showing-paper-house-cutout-w_1258-150114.jpg", imageAlt: "Weather-resistant coating" }
|
||||
},
|
||||
{
|
||||
title: "Custom Decor Design",
|
||||
description: "Bespoke design services that transform and elevate your interior living environments.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-surface-pull-out-drawer-loft-style-interior-design-details_169016-72762.jpg",
|
||||
imageAlt: "Interior decor transformation",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg",
|
||||
imageAlt: "Modern interior styling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-ceiling_181624-11972.jpg?_wi=1",
|
||||
imageAlt: "modern waterproof wall finish interior",
|
||||
title: "Custom Decor Design", description: "Bespoke design services that transform and elevate your interior living environments.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-surface-pull-out-drawer-loft-style-interior-design-details_169016-72762.jpg", imageAlt: "Interior decor transformation" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", imageAlt: "Modern interior styling" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -224,42 +123,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Matte Finish",
|
||||
price: "From $45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-ceiling_181624-11972.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro Seal Coat",
|
||||
price: "From $85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-safety-helmet-putty-knife-paint-brush-gray-background_141793-15181.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Impact Shield",
|
||||
price: "From $65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-couple-protecting-floor-with-sheet_23-2147782334.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Design Tiles",
|
||||
price: "From $120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-sizes-paint-brushes-flat-lay_23-2148662967.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Surface Sealant",
|
||||
price: "From $55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-artist-brushes-collection_23-2148575563.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Master Decor Set",
|
||||
price: "From $199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-construction-tools-as-paint-brush-roller-safety-helmet-pipe-wrench-putty-knife-white-background_141793-14212.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxury Matte Finish", price: "From $45", imageSrc: "http://img.b2bpic.net/free-photo/ice-ceiling_181624-11972.jpg" },
|
||||
{ id: "p2", name: "Pro Seal Coat", price: "From $85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-safety-helmet-putty-knife-paint-brush-gray-background_141793-15181.jpg" },
|
||||
{ id: "p3", name: "Impact Shield", price: "From $65", imageSrc: "http://img.b2bpic.net/free-photo/crop-couple-protecting-floor-with-sheet_23-2147782334.jpg" },
|
||||
{ id: "p4", name: "Design Tiles", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/various-sizes-paint-brushes-flat-lay_23-2148662967.jpg" },
|
||||
{ id: "p5", name: "Surface Sealant", price: "From $55", imageSrc: "http://img.b2bpic.net/free-photo/top-view-artist-brushes-collection_23-2148575563.jpg" },
|
||||
{ id: "p6", name: "Master Decor Set", price: "From $199", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-construction-tools-as-paint-brush-roller-safety-helmet-pipe-wrench-putty-knife-white-background_141793-14212.jpg" },
|
||||
]}
|
||||
title="Premium Renovation Materials"
|
||||
description="Top-tier products curated for durability and design elegance in every project."
|
||||
@@ -272,36 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Renewed contracts",
|
||||
"Referred partners",
|
||||
"Returning clients",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k",
|
||||
title: "Sq Ft Protected",
|
||||
items: [
|
||||
"Residential spaces",
|
||||
"Commercial zones",
|
||||
"Foundational seals",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Certified Techs",
|
||||
items: [
|
||||
"Design experts",
|
||||
"Waterproofing pros",
|
||||
"Quality control",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Client Retention", items: ["Renewed contracts", "Referred partners", "Returning clients"] },
|
||||
{ id: "m2", value: "12k", title: "Sq Ft Protected", items: ["Residential spaces", "Commercial zones", "Foundational seals"] },
|
||||
{ id: "m3", value: "50+", title: "Certified Techs", items: ["Design experts", "Waterproofing pros", "Quality control"] },
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Proven performance, measured by our commitment to excellence."
|
||||
@@ -315,26 +157,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-posing-smiling-desk_23-2148372216.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-young-builder-man-uniform-holding-roller-brush-with-paint-brush-isolated-yellow-wall_141793-126305.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6313.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-posing-smiling-desk_23-2148372216.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/excited-young-builder-man-uniform-holding-roller-brush-with-paint-brush-isolated-yellow-wall_141793-126305.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6313.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -346,21 +173,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, all structural waterproofing projects come with a lifetime performance warranty.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you design my whole house?",
|
||||
content: "Our decor specialists handle everything from full home restyling to targeted room makeovers.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What materials do you use?",
|
||||
content: "We exclusively use environmentally friendly, high-grade waterproofing sealants and top-shelf interior finishes.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer warranties?", content: "Yes, all structural waterproofing projects come with a lifetime performance warranty." },
|
||||
{ id: "f2", title: "Can you design my whole house?", content: "Our decor specialists handle everything from full home restyling to targeted room makeovers." },
|
||||
{ id: "f3", title: "What materials do you use?", content: "We exclusively use environmentally friendly, high-grade waterproofing sealants and top-shelf interior finishes." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers about our process, materials, and support."
|
||||
@@ -371,16 +186,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to protect and upgrade your home?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Today",
|
||||
href: "mailto:hello@decorguard.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Today", href: "mailto:hello@decorguard.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -388,38 +196,10 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "FAQ", href: "#faq" }],
|
||||
},
|
||||
]}
|
||||
logoText="DecorGuard Pros"
|
||||
|
||||
Reference in New Issue
Block a user