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