Merge version_1 into main #2
147
src/app/page.tsx
147
src/app/page.tsx
@@ -16,31 +16,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="KK Builders"
|
||||
/>
|
||||
@@ -52,35 +43,14 @@ export default function LandingPage() {
|
||||
description="From concept to completion — we craft spaces that define legacies. Trusted by families and businesses across Karachi for over a decade."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg?_wi=1",
|
||||
imageAlt: "Construction project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg?_wi=2",
|
||||
imageAlt: "Architectural design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg?_wi=3",
|
||||
imageAlt: "Building process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg?_wi=4",
|
||||
imageAlt: "Final handover",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg?_wi=5",
|
||||
imageAlt: "Legacy structure",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg?_wi=6",
|
||||
imageAlt: "Karachi development",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg", imageAlt: "Construction project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg", imageAlt: "Architectural design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg", imageAlt: "Building process" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg", imageAlt: "Final handover" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-847.jpg", imageAlt: "Legacy structure" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,7 +60,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="ABOUT KK BUILDERS"
|
||||
title="Crafting Dreams Into Reality"
|
||||
description="With a rich heritage in Karachi's evolving landscape, KK Builders stands as a pillar of integrity and excellence. We combine traditional craftsmanship with modern engineering to deliver landmarks that stand the test of time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,23 +71,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Residential Construction",
|
||||
description: "Custom homes designed to your exact specifications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-labor-day-banners-template_23-2148481407.jpg",
|
||||
},
|
||||
id: "s1", title: "Residential Construction", description: "Custom homes designed to your exact specifications.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-labor-day-banners-template_23-2148481407.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Commercial Projects",
|
||||
description: "Offices, plazas, and commercial complexes built with precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-construction-project-poster_23-2149671632.jpg",
|
||||
},
|
||||
id: "s2", title: "Commercial Projects", description: "Offices, plazas, and commercial complexes built with precision.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-construction-project-poster_23-2149671632.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Interior Finishing",
|
||||
description: "Luxurious finishes from flooring to false ceilings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-set_23-2148922521.jpg",
|
||||
},
|
||||
id: "s3", title: "Interior Finishing", description: "Luxurious finishes from flooring to false ceilings.", imageSrc: "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-set_23-2148922521.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive construction and enterprise solutions tailored for Karachi's skyline."
|
||||
@@ -132,40 +89,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mustafa Sami",
|
||||
role: "CEO",
|
||||
testimonial: "Very responsive staff. They understood exactly what I needed and delivered beyond expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Mustafa Sami", role: "CEO", testimonial: "Very responsive staff. They understood exactly what I needed and delivered beyond expectations.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Noor Aain",
|
||||
role: "Homeowner",
|
||||
testimonial: "Outstanding professionalism from start to finish. Our new home is everything we dreamed of.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
|
||||
},
|
||||
id: "t2", name: "Noor Aain", role: "Homeowner", testimonial: "Outstanding professionalism from start to finish. Our new home is everything we dreamed of.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "PestTech Official",
|
||||
role: "Director",
|
||||
testimonial: "A team that truly delivers on their promises. Experience was seamless and results spectacular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg",
|
||||
},
|
||||
id: "t3", name: "PestTech Official", role: "Director", testimonial: "A team that truly delivers on their promises. Experience was seamless and results spectacular.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ahmed Khan",
|
||||
role: "Businessman",
|
||||
testimonial: "Highly recommend for any construction needs. Reliable and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg",
|
||||
},
|
||||
id: "t4", name: "Ahmed Khan", role: "Businessman", testimonial: "Highly recommend for any construction needs. Reliable and professional.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sana Farooq",
|
||||
role: "Architect",
|
||||
testimonial: "Collaborating with KK Builders on several high-profile projects was a privilege. Their attention to detail is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Sana Farooq", role: "Architect", testimonial: "Collaborating with KK Builders on several high-profile projects was a privilege. Their attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our partners and homeowners about their experience working with KK Builders."
|
||||
@@ -176,8 +108,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Ready to turn your vision into a landmark? Contact us today for a free consultation and project estimate."
|
||||
/>
|
||||
</div>
|
||||
@@ -187,33 +118,17 @@ export default function LandingPage() {
|
||||
logoText="KK Builders"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user