Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" 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">
+          <NavbarStyleApple
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Events", id: "/events" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/#contact" }]}
+            brandName="Sankpal Global"
+          />
+        </div>
+        <div id="about" data-section="about" className="pt-24">
+          <TextSplitAbout
+            title="About Sankpal Global"
+            description={["We are a forward-thinking organization dedicated to merging architectural brilliance with digital innovation.", "Our mission is to create sustainable, future-ready environments that define the next generation of urban living."]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "Events", href: "/events" }] }]}
+            logoText="Sankpal Global"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/events/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function EventsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" 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">
+          <NavbarStyleApple
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Events", id: "/events" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/#contact" }]}
+            brandName="Sankpal Global"
+          />
+        </div>
+        <div id="features" data-section="features" className="pt-24">
+          <FeatureCardNineteen
+            title="Upcoming Events"
+            description="Discover our latest workshops, industry events, and community engagements."
+            textboxLayout="default"
+            features={[]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] }]}
+            logoText="Sankpal Global"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,18 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Expertise",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Expertise", id: "features" },
+        { name: "Projects", id: "/projects" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Sankpal Global"
     />
@@ -49,72 +41,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="Bridging Real Estate, Architecture & Innovation"
-      description="Sankpal Global redefines development through a hybrid model, integrating real estate firm expertise with advanced IT solutions and futuristic cloud kitchen infrastructure."
+      background={{ variant: "plain" }}
+      title="Hybrid Innovation: Where Real Estate Meets Advanced Tech"
+      description="Sankpal Global redefines development through a hybrid model, integrating real estate firm expertise with advanced IT solutions and futuristic cloud kitchen infrastructure to deliver maximum client value."
       kpis={[
-        {
-          value: "15+",
-          label: "Projects Completed",
-        },
-        {
-          value: "10k+",
-          label: "Sq. Ft. Developed",
-        },
-        {
-          value: "5+",
-          label: "Tech Solutions Integrated",
-        },
+        { value: "15+", label: "Projects Completed" },
+        { value: "10k+", label: "Sq. Ft. Developed" },
+        { value: "5+", label: "Tech Solutions Integrated" },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/white-tiled-building-blue-sky_181624-6378.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-1544.jpg",
-          alt: "Studio portrait of elegant black American male",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-13402.jpg",
-          alt: "Studio portrait of serious, bearded male",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg",
-          alt: "Attractive blond business woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-caucasian-senior-businessman_1262-2142.jpg",
-          alt: "Portrait of smiling Caucasian senior businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
-          alt: "Confident middle aged businesswoman",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Architectural Innovation",
-        },
-        {
-          type: "text",
-          text: "Cloud Kitchen Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Real Estate Development",
-        },
-        {
-          type: "text",
-          text: "IT Strategy & Logic",
-        },
-        {
-          type: "text",
-          text: "Sustainable Growth",
-        },
-      ]}
+      buttons={[{ text: "View Our Projects", href: "/projects" }]}
     />
   </div>
 
@@ -123,9 +61,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Redefining Development"
       description={[
-        "We are more than a real estate company. Our hybrid business model allows us to function as a combination of a real estate development firm, a think tank of IT solutions and innovative cloud kitchen setups aka. Ghost Kitchens.",
-        "In short, we aim to address the gap between real estate, architecture, IT and engineering.",
-      ]}
+        "We are more than a real estate company. Our hybrid business model allows us to function as a combination of a real estate development firm, a think tank of IT solutions and innovative cloud kitchen setups aka. Ghost Kitchens.",        "In short, we aim to address the gap between real estate, architecture, IT and engineering."]}
     />
   </div>
 
@@ -134,27 +70,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          tag: "Development",
-          title: "Real Estate",
-          subtitle: "Prime Development",
-          description: "High-quality residential and commercial developments designed for long-term value.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-blank-clipboard-keyboard-blueprint_23-2148183049.jpg",
-        },
-        {
-          tag: "Hospitality",
-          title: "Cloud Kitchens",
-          subtitle: "Ghost Kitchen Units",
-          description: "State-of-the-art infrastructure for efficient delivery-only restaurant operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-with-tablet_23-2148145531.jpg",
-        },
-        {
-          tag: "Technology",
-          title: "IT Solutions",
-          subtitle: "Integrated Intelligence",
-          description: "Innovative software and engineering think tank for smarter living spaces.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg",
-        },
+        { tag: "Development", title: "Real Estate", subtitle: "Prime Development", description: "High-quality residential and commercial developments designed for long-term value.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-blank-clipboard-keyboard-blueprint_23-2148183049.jpg" },
+        { tag: "Hospitality", title: "Cloud Kitchens", subtitle: "Ghost Kitchen Units", description: "State-of-the-art infrastructure for efficient delivery-only restaurant operations.", imageSrc: "http://img.b2bpic.net/free-photo/chef-with-tablet_23-2148145531.jpg" },
+        { tag: "Technology", title: "IT Solutions", subtitle: "Integrated Intelligence", description: "Innovative software and engineering think tank for smarter living spaces.", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg" },
       ]}
       title="Our Domains of Excellence"
       description="Sankpal Global operates at the intersection of critical infrastructure and modern technology."
@@ -167,21 +85,9 @@ export default function LandingPage() {
       title="Impact by Numbers"
       tag="Our Growth"
       metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          description: "Design Accuracy",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Cloud Operation Support",
-        },
-        {
-          id: "m3",
-          value: "50+",
-          description: "Engineered Solutions",
-        },
+        { id: "m1", value: "100%", description: "Design Accuracy" },
+        { id: "m2", value: "24/7", description: "Cloud Operation Support" },
+        { id: "m3", value: "50+", description: "Engineered Solutions" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -191,31 +97,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg",
-        },
-        {
-          id: "2",
-          name: "Jane Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
-        },
-        {
-          id: "3",
-          name: "Robert Lee",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
-        },
-        {
-          id: "4",
-          name: "Emily White",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2938.jpg",
-        },
-        {
-          id: "5",
-          name: "Mark Wilson",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-with-crossed-arms-dressed-blue-jacket-grey-vignette-background_613910-20111.jpg",
-        },
+        { id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg" },
+        { id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg" },
+        { id: "3", name: "Robert Lee", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
+        { id: "4", name: "Emily White", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2938.jpg" },
+        { id: "5", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-with-crossed-arms-dressed-blue-jacket-grey-vignette-background_613910-20111.jpg" },
       ]}
       cardTitle="Client Voices"
       cardTag="Testimonials"
@@ -228,14 +114,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Innovate Architects",
-        "CloudOps Infra",
-        "Urban Living Co",
-        "NexGen Solutions",
-        "Global Kitchens Inc",
-        "Future Estate Partners",
-        "TechBuild Studios",
-      ]}
+        "Innovate Architects",        "CloudOps Infra",        "Urban Living Co",        "NexGen Solutions",        "Global Kitchens Inc",        "Future Estate Partners",        "TechBuild Studios"]}
       title="Our Trusted Network"
       description="Collaborating with leading enterprises and visionaries across the tech and real estate sectors."
     />
@@ -244,9 +123,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get in Touch"
       title="Start Your Project"
       description="Ready to bridge the gap between architecture and technology? Let's discuss your next venture."
@@ -257,36 +134,15 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Expertise",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="Sankpal Global"
+      columns={[
+        { items: [{ label: "About Us", href: "#about" }, { label: "Expertise", href: "#features" }, { label: "Careers", href: "#" }] },
+        { items: [{ label: "Projects", href: "/projects" }, { label: "Sustainability", href: "#" }, { label: "Press", href: "#" }] },
+        { items: [{ label: "Support", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/projects/[id]/page.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProjectPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" 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">
+          <NavbarStyleApple
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Events", id: "/events" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/#contact" }]}
+            brandName="Sankpal Global"
+          />
+        </div>
+        <div id="about" data-section="about" className="pt-24">
+          <TextSplitAbout
+            title="Project Details"
+            description={["Detailed view of our selected project and architectural achievements."]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "Projects", href: "/projects" }] }]}
+            logoText="Sankpal Global"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/projects/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProjectsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" 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">
+          <NavbarStyleApple
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Events", id: "/events" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/#contact" }]}
+            brandName="Sankpal Global"
+          />
+        </div>
+        <div id="features" data-section="features" className="pt-24">
+          <FeatureCardNineteen
+            title="Our Projects"
+            description="Explore our diverse portfolio across real estate, technology, and hospitality infrastructure."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { tag: "Real Estate", title: "Modern Heights", subtitle: "Residential", description: "A landmark residential project focusing on luxury and sustainability.", imageSrc: "http://img.b2bpic.net/free-photo/modern-residential-building-architecture_1262-1243.jpg", buttons: [{ text: "View Details", href: "/projects/1" }] },
+              { tag: "Tech", title: "SmartHub Center", subtitle: "Infrastructure", description: "A state-of-the-art integrated IT workspace.", imageSrc: "http://img.b2bpic.net/free-photo/office-building-exterior_1262-1212.jpg", buttons: [{ text: "View Details", href: "/projects/2" }] }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Sankpal Global"
+            columns={[{ items: [{ label: "Home", href: "/" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}