bender/0481f988-b147-4ecb-acc7-4fc6e725ebd1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 19:53:52 +00:00
parent fb997904f6
commit d565beca17
1 changed files with 37 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
src/app/page.tsx
View File

@@ -19,23 +19,21 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Projects",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Projects", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="S.J.A Associates"
/>
@@ -43,33 +41,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Building Your Future with Excellence"
description="S.J.A Associates delivers premium construction, renovation, and development services in Karachi with a commitment to quality and integrity."
tag="Construction Experts"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg",
imageAlt: "Modern construction site architecture",
},
imageSrc: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg", imageAlt: "Modern construction site architecture"},
{
imageSrc: "http://img.b2bpic.net/free-photo/architect-putting-his-project-paper_23-2148242916.jpg",
imageAlt: "Architectural blueprints and tools",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-16234.jpg",
imageAlt: "Construction site",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/serious-african-american-lady-safety-helmet-standing-near-model-building-table_23-2148039867.jpg",
imageAlt: "Serious African-American lady in safety helmet",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-sitting-near-model-building_23-2148039864.jpg",
imageAlt: "African-American lady in safety helmet sitting",
},
imageSrc: "http://img.b2bpic.net/free-photo/architect-putting-his-project-paper_23-2148242916.jpg", imageAlt: "Architectural blueprints and tools"}
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -83,14 +63,9 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "About S.J.A Associates",
},
type: "text", content: "About S.J.A Associates"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48546.jpg",
alt: "Construction company professional team",
},
type: "image", src: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48546.jpg", alt: "Construction company professional team"},
]}
/>
</div>
@@ -102,35 +77,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Construction Planning",
description: "Expert planning and site analysis for every project.",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg",
imageAlt: "Residential building construction work",
},
title: "Construction Planning", description: "Expert planning and site analysis for every project.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg", imageAlt: "Residential building construction work"},
{
title: "Building Renovation",
description: "Revitalizing spaces with precision and quality materials.",
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278644.jpg",
imageAlt: "Renovation work interior design",
},
title: "Building Renovation", description: "Revitalizing spaces with precision and quality materials.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278644.jpg", imageAlt: "Renovation work interior design"},
{
title: "Project Management",
description: "On-time and on-budget delivery of complex structures.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-print-set-tools-wooden-background_23-2148393172.jpg",
imageAlt: "Architectural design project office",
},
title: "Project Management", description: "On-time and on-budget delivery of complex structures.", imageSrc: "http://img.b2bpic.net/free-photo/blue-print-set-tools-wooden-background_23-2148393172.jpg", imageAlt: "Architectural design project office"},
{
title: "Structural Integrity",
description: "Ensuring stability and long-lasting material quality.",
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16076.jpg",
imageAlt: "Construction building workers",
},
title: "Structural Integrity", description: "Ensuring stability and long-lasting material quality.", imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16076.jpg", imageAlt: "Construction building workers"},
{
title: "Interior Finishing",
description: "Professional touches for refined living spaces.",
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278626.jpg",
imageAlt: "Tiler working on renovation",
},
title: "Interior Finishing", description: "Professional touches for refined living spaces.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278626.jpg", imageAlt: "Tiler working on renovation"},
]}
title="Our Expertise"
description="Comprehensive construction solutions tailored for commercial and residential requirements."
@@ -144,34 +99,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100+",
title: "Projects Completed",
items: [
"Commercial",
"Residential",
"Renovation",
],
id: "m1", value: "100+", title: "Projects Completed", items: [
"Commercial", "Residential", "Renovation"],
},
{
id: "m2",
value: "15+",
title: "Years Experience",
items: [
"Expertise",
"Reliability",
"Trust",
],
id: "m2", value: "15+", title: "Years Experience", items: [
"Expertise", "Reliability", "Trust"],
},
{
id: "m3",
value: "95%",
title: "Client Satisfaction",
items: [
"Quality",
"Integrity",
"Efficiency",
],
id: "m3", value: "95%", title: "Client Satisfaction", items: [
"Quality", "Integrity", "Efficiency"],
},
]}
title="Why Choose Us"
@@ -186,40 +123,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Muhammad Farooq",
role: "Client",
testimonial: "Excellent service and professionalism.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-phone-medium-shot_23-2149246349.jpg",
},
id: "t1", name: "Muhammad Farooq", role: "Client", testimonial: "Excellent service and professionalism.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-phone-medium-shot_23-2149246349.jpg"},
{
id: "t2",
name: "WSK Waqas Khan",
role: "Client",
testimonial: "Very satisfied with the outcome.",
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-discussing-business-phone_1262-2049.jpg",
},
id: "t2", name: "WSK Waqas Khan", role: "Client", testimonial: "Very satisfied with the outcome.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-discussing-business-phone_1262-2049.jpg"},
{
id: "t3",
name: "Bahadur Khan",
role: "Client",
testimonial: "Top-notch quality work.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
},
id: "t3", name: "Bahadur Khan", role: "Client", testimonial: "Top-notch quality work.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"},
{
id: "t4",
name: "Anonymous Client",
role: "Client",
testimonial: "Highly recommended for construction.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
},
id: "t4", name: "Anonymous Client", role: "Client", testimonial: "Highly recommended for construction.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
{
id: "t5",
name: "Anonymous Client",
role: "Client",
testimonial: "Professional and on time.",
imageSrc: "http://img.b2bpic.net/free-photo/handshake-concludes-successful-interview-recruiter-job-seeker-showcasing-agreement_482257-136370.jpg",
},
id: "t5", name: "Anonymous Client", role: "Client", testimonial: "Professional and on time.", imageSrc: "http://img.b2bpic.net/free-photo/handshake-concludes-successful-interview-recruiter-job-seeker-showcasing-agreement_482257-136370.jpg"},
]}
title="Client Testimonials"
description="What our clients say about our construction projects."
@@ -232,20 +144,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How can I get a quote?",
content: "You can call us at +92 311 3288567 for a consultation.",
},
id: "f1", title: "How can I get a quote?", content: "You can call us at +92 311 3288567 for a consultation."},
{
id: "f2",
title: "What areas do you serve?",
content: "We primarily serve the Scheme 33, Karachi area and surrounding districts.",
},
id: "f2", title: "What areas do you serve?", content: "We primarily serve the Scheme 33, Karachi area and surrounding districts."},
{
id: "f3",
title: "Are you licensed?",
content: "Yes, we are a professional and registered construction firm.",
},
id: "f3", title: "Are you licensed?", content: "Yes, we are a professional and registered construction firm."},
]}
title="Frequently Asked Questions"
description="Need more information? We're here to help."
@@ -256,21 +159,15 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Ready to Start Your Project?"
description="Reach out to S.J.A Associates today to schedule a site visit or consultation."
buttons={[
{
text: "Call +92 311 3288567",
href: "tel:+923113288567",
},
text: "Call +92 311 3288567", href: "tel:+923113288567"},
{
text: "Get a Consultation",
href: "#",
},
text: "Get a Consultation", href: "#"},
]}
/>
</div>