From d565beca1723de35dc949bc9d65d7b53a5826205 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 19:53:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 177 ++++++++++-------------------------------------
 1 file changed, 37 insertions(+), 140 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 27490df..d5c28c6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>