Update src/app/page.tsx
This commit is contained in:
242
src/app/page.tsx
242
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Completely Covered LLC"
|
||||
/>
|
||||
@@ -59,71 +49,47 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Your Custom Space"
|
||||
description="Completely Covered LLC delivers exceptional construction quality and precision for your next custom project."
|
||||
buttons={[
|
||||
{ text: "Get Your Free Quote", href: "#contact" }
|
||||
]}
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "200+", label: "Projects Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10241.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-rusted-building_23-2148269811.jpg",
|
||||
alt: "construction site interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-rusted-building_23-2148269811.jpg", alt: "construction site interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg",
|
||||
alt: "cityscape detail",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg", alt: "cityscape detail"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-surface-with-bamboo-great-background-wallpaper_181624-23599.jpg",
|
||||
alt: "bamboo wooden surface",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-surface-with-bamboo-great-background-wallpaper_181624-23599.jpg", alt: "bamboo wooden surface"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plants-leaves-wooden-fence_250224-72.jpg",
|
||||
alt: "fence leaves",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plants-leaves-wooden-fence_250224-72.jpg", alt: "fence leaves"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-construction-hammers-still-life_23-2150563153.jpg",
|
||||
alt: "construction hammers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-construction-hammers-still-life_23-2150563153.jpg", alt: "construction hammers"},
|
||||
]}
|
||||
avatarText="Trusted by hundreds of homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Quality Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Process",
|
||||
},
|
||||
type: "text", text: "Transparent Process"},
|
||||
{
|
||||
type: "text",
|
||||
text: "On-Time Completion",
|
||||
},
|
||||
type: "text", text: "On-Time Completion"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Design Solutions",
|
||||
},
|
||||
type: "text", text: "Custom Design Solutions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,20 +110,11 @@ export default function LandingPage() {
|
||||
description="Professional construction services built on reliability and design expertise."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expert Craftsmanship",
|
||||
content: "Our team uses time-honored techniques coupled with modern tools.",
|
||||
},
|
||||
id: "f1", title: "Expert Craftsmanship", content: "Our team uses time-honored techniques coupled with modern tools."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Customized Solutions",
|
||||
content: "We listen to your specific needs to design spaces perfectly.",
|
||||
},
|
||||
id: "f2", title: "Customized Solutions", content: "We listen to your specific needs to design spaces perfectly."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Transparent Process",
|
||||
content: "We keep you informed every step of the way with clear communication.",
|
||||
},
|
||||
id: "f3", title: "Transparent Process", content: "We keep you informed every step of the way with clear communication."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378912.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -172,41 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Kitchen Remodel",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxury Kitchen Remodel", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Custom Home Office",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976526.jpg",
|
||||
},
|
||||
id: "p2", name: "Custom Home Office", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976526.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Backyard Pergola",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg",
|
||||
},
|
||||
id: "p3", name: "Backyard Pergola", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Full Home Extension",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263516.jpg",
|
||||
},
|
||||
id: "p4", name: "Full Home Extension", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263516.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Master Suite Bath",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149272867.jpg",
|
||||
},
|
||||
id: "p5", name: "Master Suite Bath", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149272867.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Living Area Reno",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-background-white-spa-towels-wood_1258-111485.jpg",
|
||||
},
|
||||
id: "p6", name: "Living Area Reno", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-background-white-spa-towels-wood_1258-111485.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Explore our portfolio of custom construction and renovation work."
|
||||
@@ -220,26 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Repeat Customers",
|
||||
description: "High trust scores among residents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",
|
||||
},
|
||||
id: "m1", value: "95%", title: "Repeat Customers", description: "High trust scores among residents.", imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "In-house Experts",
|
||||
description: "Dedicated skilled trade team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
|
||||
},
|
||||
id: "m2", value: "12", title: "In-house Experts", description: "Dedicated skilled trade team.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Blueprints Created",
|
||||
description: "Detailed planning at scale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg",
|
||||
},
|
||||
id: "m3", value: "500+", title: "Blueprints Created", description: "Detailed planning at scale.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg"},
|
||||
]}
|
||||
title="Measured Excellence"
|
||||
description="Our success is measured by the quality we deliver to every client."
|
||||
@@ -253,40 +171,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Johnson",
|
||||
handle: "@alexj",
|
||||
testimonial: "Excellent service and craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-her-bearded-caucasuan-husband-discuss-terms-new-contract-with-employee_273609-44247.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Johnson", handle: "@alexj", testimonial: "Excellent service and craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-her-bearded-caucasuan-husband-discuss-terms-new-contract-with-employee_273609-44247.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Our master bath renovation exceeded expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brokers-team-entrepreneur-discussing-real-estate-potential_482257-90947.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Miller", handle: "@sarahm", testimonial: "Our master bath renovation exceeded expectations.", imageSrc: "http://img.b2bpic.net/free-photo/brokers-team-entrepreneur-discussing-real-estate-potential_482257-90947.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Tom Davis",
|
||||
handle: "@tomd",
|
||||
testimonial: "Professional and kept workspace clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12856.jpg",
|
||||
},
|
||||
id: "t3", name: "Tom Davis", handle: "@tomd", testimonial: "Professional and kept workspace clean.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12856.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Chen",
|
||||
handle: "@emilyc",
|
||||
testimonial: "Highly recommended for custom spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-team-partners-working-design-desk_482257-8112.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily Chen", handle: "@emilyc", testimonial: "Highly recommended for custom spaces.", imageSrc: "http://img.b2bpic.net/free-photo/architect-team-partners-working-design-desk_482257-8112.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Wilson",
|
||||
handle: "@markw",
|
||||
testimonial: "Reliable and met all design requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-looking-draft-office_23-2147807979.jpg",
|
||||
},
|
||||
id: "t5", name: "Mark Wilson", handle: "@markw", testimonial: "Reliable and met all design requirements.", imageSrc: "http://img.b2bpic.net/free-photo/black-man-looking-draft-office_23-2147807979.jpg"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See what our clients say about our work."
|
||||
@@ -299,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a renovation take?",
|
||||
content: "Project timelines vary based on scope.",
|
||||
},
|
||||
id: "q1", title: "How long does a renovation take?", content: "Project timelines vary based on scope."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle permits?",
|
||||
content: "Yes, we manage all necessary building permits.",
|
||||
},
|
||||
id: "q2", title: "Do you handle permits?", content: "Yes, we manage all necessary building permits."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you insured?",
|
||||
content: "Fully licensed and insured in our operational service area.",
|
||||
},
|
||||
id: "q3", title: "Are you insured?", content: "Fully licensed and insured in our operational service area."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-renovating-house-concept_53876-20671.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -329,22 +213,14 @@ export default function LandingPage() {
|
||||
description="Get a free consultation for your next custom space build."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your project...",
|
||||
required: true,
|
||||
name: "message", placeholder: "Describe your project...", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pen-near-drafts_23-2147785572.jpg"
|
||||
/>
|
||||
@@ -354,33 +230,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -391,4 +255,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user