Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c41894955a |
172
src/app/page.tsx
172
src/app/page.tsx
@@ -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",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user