Merge version_1 into main #1
220
src/app/page.tsx
220
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kyereh's"
|
||||
/>
|
||||
@@ -63,45 +51,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="We Don't Just Build Structures — We Build Legacies."
|
||||
description="Premium construction services delivering excellence, durability, and elegance in every detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Our Projects", href: "#projects"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg",
|
||||
imageAlt: "Construction site view 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg", imageAlt: "Construction site view 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-night_23-2152006102.jpg",
|
||||
imageAlt: "Construction site view 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-night_23-2152006102.jpg", imageAlt: "Construction site view 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-construction-site_23-2147702481.jpg",
|
||||
imageAlt: "Construction site view 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-construction-site_23-2147702481.jpg", imageAlt: "Construction site view 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-building-textures-surface-exterior_74190-7914.jpg",
|
||||
imageAlt: "Construction site view 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-building-textures-surface-exterior_74190-7914.jpg", imageAlt: "Construction site view 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836758.jpg",
|
||||
imageAlt: "Construction site view 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836758.jpg", imageAlt: "Construction site view 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-night-with-architecture-vibrant-lights_23-2149836937.jpg",
|
||||
imageAlt: "Construction site view 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-night-with-architecture-vibrant-lights_23-2149836937.jpg", imageAlt: "Construction site view 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,31 +82,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Building ",
|
||||
},
|
||||
type: "text", content: "Building "},
|
||||
{
|
||||
type: "text",
|
||||
content: "Ghana’s ",
|
||||
},
|
||||
type: "text", content: "Ghana’s "},
|
||||
{
|
||||
type: "text",
|
||||
content: "Future ",
|
||||
},
|
||||
type: "text", content: "Future "},
|
||||
{
|
||||
type: "text",
|
||||
content: "with ",
|
||||
},
|
||||
type: "text", content: "with "},
|
||||
{
|
||||
type: "text",
|
||||
content: "Precision",
|
||||
},
|
||||
type: "text", content: "Precision"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,26 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Residential Construction",
|
||||
description: "Beautiful homes built with durability and elegance.",
|
||||
tag: "Living",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-building-architecture-london-city_23-2149437448.jpg",
|
||||
},
|
||||
id: "1", title: "Residential Construction", description: "Beautiful homes built with durability and elegance.", tag: "Living", imageSrc: "http://img.b2bpic.net/free-photo/view-building-architecture-london-city_23-2149437448.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Commercial Buildings",
|
||||
description: "Scaling up your business with modern infrastructure.",
|
||||
tag: "Office",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg",
|
||||
},
|
||||
id: "2", title: "Commercial Buildings", description: "Scaling up your business with modern infrastructure.", tag: "Office", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Renovations & Remodeling",
|
||||
description: "Transforming spaces into timeless classics.",
|
||||
tag: "Improve",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg",
|
||||
},
|
||||
id: "3", title: "Renovations & Remodeling", description: "Transforming spaces into timeless classics.", tag: "Improve", imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg"},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Comprehensive construction solutions."
|
||||
@@ -178,49 +122,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Villa",
|
||||
price: "High End",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-nature-merge-modern-design-generative-ai_188544-9636.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxury Villa", price: "High End", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/architecture-nature-merge-modern-design-generative-ai_188544-9636.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Office",
|
||||
price: "Commercial",
|
||||
variant: "Corporate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2941.jpg",
|
||||
},
|
||||
id: "p2", name: "Modern Office", price: "Commercial", variant: "Corporate", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2941.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Infrastructure Works",
|
||||
price: "Civil",
|
||||
variant: "Heavy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg",
|
||||
},
|
||||
id: "p3", name: "Infrastructure Works", price: "Civil", variant: "Heavy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Kitchen Remodel",
|
||||
price: "Interior",
|
||||
variant: "Renovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563119.jpg",
|
||||
},
|
||||
id: "p4", name: "Kitchen Remodel", price: "Interior", variant: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563119.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Coastal Estate",
|
||||
price: "Premium",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg",
|
||||
},
|
||||
id: "p5", name: "Coastal Estate", price: "Premium", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bridge Structure",
|
||||
price: "Civil",
|
||||
variant: "Heavy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-928.jpg",
|
||||
},
|
||||
id: "p6", name: "Bridge Structure", price: "Civil", variant: "Heavy", imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-928.jpg"},
|
||||
]}
|
||||
title="Our Recent Work"
|
||||
description="Showcasing our precision and premium quality."
|
||||
@@ -235,25 +150,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Decade of industry expertise.",
|
||||
icon: Award,
|
||||
id: "m1", value: "10+", title: "Years Experience", description: "Decade of industry expertise.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
title: "Projects Completed",
|
||||
description: "Delivering successful outcomes.",
|
||||
icon: Building,
|
||||
id: "m2", value: "100+", title: "Projects Completed", description: "Delivering successful outcomes.", icon: Building,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
description: "Client-centric results.",
|
||||
icon: ThumbsUp,
|
||||
id: "m3", value: "98%", title: "Satisfaction", description: "Client-centric results.", icon: ThumbsUp,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Kyereh's"
|
||||
@@ -269,25 +172,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, Accra"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22390.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22390.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-bearded-young-businessman-standing-with-arms-crossed_171337-19290.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-bearded-young-businessman-standing-with-arms-crossed_171337-19290.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-691.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-691.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -298,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Build Your Dream Project?"
|
||||
description="Get in touch with us for a professional consultation."
|
||||
@@ -312,45 +204,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user