Files
a73f5a1b-e131-40f8-b1fe-99d…/src/app/page.tsx
2026-06-10 20:58:26 +00:00

152 lines
6.6 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="blurBottom"
cardStyle="gradient-radial"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/en"},
{
name: "Vision", id: "/en#vision"},
{
name: "Services", id: "/en#services"},
{
name: "Portfolio", id: "/en#portfolio"},
{
name: "Clients", id: "/en#clients"},
{
name: "Contact", id: "/en#contact"},
]}
brandName="Enkidu Soft"
button={{
text: "Get in Touch", href: "/en#contact"}}
animateOnLoad={true}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg"
imageAlt="Network connections"
title="Our Story & Mission"
description="We are a company dedicated to innovation and excellence, striving to deliver cutting-edge solutions for our clients."
bulletPoints={[
{ title: "Innovation driven", description: "Driving innovation across all our solutions." },
{ title: "Client-focused", description: "Prioritizing client needs and delivering tailored results." },
{ title: "Excellence in execution", description: "Committing to high-quality execution in every project." }
]}
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
title="Our Portfolio Showcase"
description="Discover our diverse projects and the impact we've made."
products={[
{ id: "p1", name: "Enterprise CRM", price: "Software Development", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Enterprise CRM project" },
{ id: "p2", name: "AI-Powered Analytics", price: "AI & Data Science", imageSrc: "http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg", imageAlt: "AI-Powered Analytics project" },
{ id: "p3", name: "Fintech Platform", price: "Fintech Solutions", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg", imageAlt: "Fintech Platform project" },
{ id: "p4", name: "Mobile E-commerce App", price: "Mobile Development", imageSrc: "http://img.b2bpic.net/free-photo/close-up-of-business-man-using-laptop_1048-18305.jpg", imageAlt: "Mobile E-commerce App project" }
]}
/>
</div>
<div id="clients" data-section="clients">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted by Industry Leaders"
description="We partner with leading organizations to drive innovation and growth."
names={[
"TechCorp", "Innovate Global", "Future Solutions", "Dynamic Systems", "Quantum Leap", "Synergy Corp", "Global Dynamics"
]}
showCard={false}
speed={30}
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Meet Our Team"
description="A dedicated group of professionals passionate about technology and innovation."
members={[
{
id: "john-doe", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg", imageAlt: "John Doe, CEO", description: "Leading our company with vision and expertise."
},
{
id: "jane-smith", name: "Jane Smith", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg", imageAlt: "Jane Smith, CTO", description: "Pioneering our technological advancements."
}
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Working with this team has been a game-changer for our business. Their expertise and dedication are unmatched."
rating={5}
ratingAnimation="slide-up"
author="Alice Johnson"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg", alt: "Alice Johnson"}
]}
avatarsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Partner with Us"
description="Ready to transform your enterprise? Get in touch with our experts today."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "company", type: "text", placeholder: "Your Company" }
]}
textarea={{ name: "message", placeholder: "Your message...", rows: 5, required: false }}
buttonText="Send Message"
imageSrc="http://img.b2bpic.net/free-photo/contact-us-customer-service-concept-man-using-laptop_23-2149454178.jpg"
imageAlt="Contact us"
useInvertedBackground={false}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}