1 Commits

Author SHA1 Message Date
c41894955a Update src/app/page.tsx 2026-05-17 14:37:15 +00:00

View File

@@ -29,25 +29,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "/",
},
{ {
name: "About", name: "About", id: "/about"},
id: "/about",
},
{ {
name: "Services", name: "Services", id: "/services"},
id: "/services",
},
{ {
name: "Portfolio", name: "Portfolio", id: "/portfolio"},
id: "/portfolio",
},
{ {
name: "Contact", name: "Contact", id: "/contact"},
id: "/contact",
},
]} ]}
brandName="CeilingCraft" brandName="CeilingCraft"
/> />
@@ -56,66 +46,41 @@ export default function LandingPage() {
<div id="hero-home" data-section="hero-home"> <div id="hero-home" data-section="hero-home">
<HeroSplit <HeroSplit
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}} title="Transform Your Space with Bespoke Ceiling Craftsmanship"
title="Mastering The Art Of Ceiling Craftsmanship"
description="High-end gypsum, suspended ceilings, and custom interior design solutions for residential and commercial spaces. Elevating your environment, one ceiling at a time." description="High-end gypsum, suspended ceilings, and custom interior design solutions for residential and commercial spaces. Elevating your environment, one ceiling at a time."
buttons={[ buttons={[
{ {
text: "Get A Quote", text: "Get A Quote", href: "/contact"},
href: "/contact",
},
{ {
text: "View Portfolio", text: "View Portfolio", href: "/portfolio"},
href: "/portfolio",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/medieval-ceiling-fresco-gothic-church-architecture-angelic-ornament-details_169016-68660.jpg" imageSrc="http://img.b2bpic.net/free-photo/medieval-ceiling-fresco-gothic-church-architecture-angelic-ornament-details_169016-68660.jpg"
imageAlt="luxury ceiling interior gypsum design" imageAlt="luxury ceiling interior gypsum design"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/attractive-man-sunglasses-is-standing-outdoors_197531-361.jpg", src: "http://img.b2bpic.net/free-photo/attractive-man-sunglasses-is-standing-outdoors_197531-361.jpg", alt: "Attractive man in sunglasses"},
alt: "Attractive man in sunglasses",
},
{ {
src: "http://img.b2bpic.net/free-photo/supervisor-checking-interior-building_1098-4063.jpg", src: "http://img.b2bpic.net/free-photo/supervisor-checking-interior-building_1098-4063.jpg", alt: "Supervisor checking site"},
alt: "Supervisor checking site",
},
{ {
src: "http://img.b2bpic.net/free-photo/elegant-business-men_1098-62.jpg", src: "http://img.b2bpic.net/free-photo/elegant-business-men_1098-62.jpg", alt: "Elegant business men"},
alt: "Elegant business men",
},
{ {
src: "http://img.b2bpic.net/free-photo/diverse-people-wearing-basic-long-sleeve-shirts-apparel-ad_53876-102926.jpg", src: "http://img.b2bpic.net/free-photo/diverse-people-wearing-basic-long-sleeve-shirts-apparel-ad_53876-102926.jpg", alt: "Diverse professional team"},
alt: "Diverse professional team",
},
{ {
src: "http://img.b2bpic.net/free-photo/coworkers-posing-medium-shot_23-2148336934.jpg", src: "http://img.b2bpic.net/free-photo/coworkers-posing-medium-shot_23-2148336934.jpg", alt: "Coworkers posing"},
alt: "Coworkers posing",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Precision Engineering"},
text: "Precision Engineering",
},
{ {
type: "text", type: "text", text: "Luxury Finishes"},
text: "Luxury Finishes",
},
{ {
type: "text", type: "text", text: "Timely Delivery"},
text: "Timely Delivery",
},
{ {
type: "text", type: "text", text: "Custom Solutions"},
text: "Custom Solutions",
},
{ {
type: "text", type: "text", text: "Expert Craftsmanship"},
text: "Expert Craftsmanship",
},
]} ]}
/> />
</div> </div>
@@ -127,35 +92,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Gypsum Ceilings", tags: [
title: "Gypsum Ceilings", "Residential", "Commercial"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/handyman-uses-jackhammer-installation_169016-5286.jpg", imageAlt: "gypsum board installation ceiling"},
"Residential",
"Commercial",
],
imageSrc: "http://img.b2bpic.net/free-photo/handyman-uses-jackhammer-installation_169016-5286.jpg",
imageAlt: "gypsum board installation ceiling",
},
{ {
id: "f2", id: "f2", title: "Suspended Ceilings", tags: [
title: "Suspended Ceilings", "Office", "Retail"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-terminal-departure-metal_1232-4518.jpg", imageAlt: "suspended office ceiling modern"},
"Office",
"Retail",
],
imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-terminal-departure-metal_1232-4518.jpg",
imageAlt: "suspended office ceiling modern",
},
{ {
id: "f3", id: "f3", title: "Interior Decoration", tags: [
title: "Interior Decoration", "Luxury", "Custom"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/minimal-home-japanese-style_1150-12905.jpg", imageAlt: "interior decoration home ceiling art"},
"Luxury",
"Custom",
],
imageSrc: "http://img.b2bpic.net/free-photo/minimal-home-japanese-style_1150-12905.jpg",
imageAlt: "interior decoration home ceiling art",
},
]} ]}
title="Our Expertise" title="Our Expertise"
description="Premium ceiling solutions designed to define and enhance your spaces." description="Premium ceiling solutions designed to define and enhance your spaces."
@@ -170,25 +117,15 @@ export default function LandingPage() {
author="Mark R." author="Mark R."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/businessman-looks-into-distance_1153-5207.jpg", src: "http://img.b2bpic.net/free-photo/businessman-looks-into-distance_1153-5207.jpg", alt: "professional headshot portrait male"},
alt: "professional headshot portrait male",
},
{ {
src: "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", src: "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", alt: "happy customer interior renovation"},
alt: "happy customer interior renovation",
},
{ {
src: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg", src: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg", alt: "professional interior decoration client"},
alt: "professional interior decoration client",
},
{ {
src: "http://img.b2bpic.net/free-photo/low-angle-businessmen-making-agreement_23-2148269333.jpg", src: "http://img.b2bpic.net/free-photo/low-angle-businessmen-making-agreement_23-2148269333.jpg", alt: "business client office interior"},
alt: "business client office interior",
},
{ {
src: "http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg", src: "http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg", alt: "professional renovation client headshot"},
alt: "professional renovation client headshot",
},
]} ]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="blur-reveal" avatarsAnimation="blur-reveal"
@@ -202,12 +139,7 @@ export default function LandingPage() {
title="Trusted by Leaders" title="Trusted by Leaders"
description="We partner with industry-leading developers and architects." description="We partner with industry-leading developers and architects."
names={[ names={[
"Apex Developments", "Apex Developments", "Urban Interiors", "Skyline Construction", "Modern Space Studio", "Elite Commercial Group"]}
"Urban Interiors",
"Skyline Construction",
"Modern Space Studio",
"Elite Commercial Group",
]}
/> />
</div> </div>
@@ -218,22 +150,14 @@ export default function LandingPage() {
description="Ready to transform your ceiling? Reach out today for a consultation." description="Ready to transform your ceiling? Reach out today for a consultation."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Full Name", required: true,
type: "text",
placeholder: "Full Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Email Address", required: true,
type: "email",
placeholder: "Email Address",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Tell us about your project", rows: 4,
placeholder: "Tell us about your project",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-ceiling_1359-959.jpg" imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-ceiling_1359-959.jpg"
@@ -245,29 +169,19 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About", label: "About", href: "/about"},
href: "/about",
},
{ {
label: "Contact", label: "Contact", href: "/contact"},
href: "/contact",
},
], ],
}, },
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Gypsum", label: "Gypsum", href: "/services"},
href: "/services",
},
{ {
label: "Decoration", label: "Decoration", href: "/services"},
href: "/services",
},
], ],
}, },
]} ]}