Add src/app/page.tsx

2026-04-13 13:59:30 +00:00
parent a8c9ff9409
commit 04495b0909
1 changed files with 109 additions and 0 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -0,0 +1,109 @@
+'use client';
+
+import NavbarCentered from '@/components/ui/NavbarCentered';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
+import FeaturesLabeledList from '@/components/sections/features/FeaturesLabeledList';
+import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail';
+import FooterBasic from '@/components/sections/footer/FooterBasic';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+
+export default function Home() {
+  const navItems = [
+    { name: "About", href: "#about", id: "about" },
+    { name: "Features", href: "#features", id: "features" },
+    { name: "Contact", href: "#contact", id: "contact" },
+  ];
+
+  return (
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarCentered
+          logo="KIKWALA"
+          navItems={navItems}
+          ctaButton={{ text: "Get Started", href: "#contact" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          tag="Innovation Partners"
+          title="Scaling Visionaries to Excellence"
+          description="We build sustainable platforms for forward-thinking companies through strategic digital transformation and high-end engineering."
+          primaryButton={{ text: "Our Approach", href: "#about" }}
+          secondaryButton={{ text: "Get In Touch", href: "#contact" }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-futuristic-dark-themed-architectural-w-1776088711587-ca3f504c.png"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <AboutTestimonial
+          tag="Who We Are"
+          quote="Kikwala Group isn't just a service provider; they are a catalyst for digital growth, consistently delivering beyond expectations with architectural precision."
+          author="Dr. Sarah V. K."
+          role="Global Ops Lead"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-headshot-of-a-business-lead-1776088720389-cbd6f0e8.png"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeaturesLabeledList
+          tag="Our Expertise"
+          title="Strategic Digital Solutions"
+          description="Integrated services designed to maximize efficiency and drive long-term business value."
+          items={[
+            {
+              label: "Engineering",              title: "High-Performance Systems",              bullets: ["Cloud native architecture", "Scalable data platforms", "Resilient security frameworks"],
+              primaryButton: { text: "Explore", href: "#" },
+              secondaryButton: { text: "Learn More", href: "#" }
+            },
+            {
+              label: "Design",              title: "Immersive Experiences",              bullets: ["3D interactive interfaces", "Scroll-triggered animation", "Motion-first design systems"],
+              primaryButton: { text: "Explore", href: "#" },
+              secondaryButton: { text: "Learn More", href: "#" }
+            },
+            {
+              label: "Consult",              title: "Strategic Consulting",              bullets: ["Digital roadmap strategy", "Operational efficiency audit", "Growth transformation planning"],
+              primaryButton: { text: "Explore", href: "#" },
+              secondaryButton: { text: "Learn More", href: "#" }
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitEmail
+          tag="Connect"
+          title="Start Your Transformation"
+          description="Ready to bring your vision to life? Let's discuss your next project."
+          inputPlaceholder="Enter your professional email"
+          buttonText="Inquire Today"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/an-abstract-geometric-3d-pattern-in-dark-1776088728900-007208fb.png"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBasic
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Engineering", href: "#" },
+                { label: "Design", href: "#" },
+                { label: "Consulting", href: "#" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Careers", href: "#" },
+                { label: "Press", href: "#" }
+              ]
+            }
+          ]}
+          leftText="© 2024 Kikwala Group."
+          rightText="All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}