Add src/app/about-us/page.tsx
This commit is contained in:
147
src/app/about-us/page.tsx
Normal file
147
src/app/about-us/page.tsx
Normal file
@@ -0,0 +1,147 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "next-themes";
|
||||||
|
import { Sparkles, Users, Trophy } from "lucide-react";
|
||||||
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||||
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||||
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
|
import PlainBackground from '@/components/background/PlainBackground';
|
||||||
|
|
||||||
|
export default function AboutUsPage() {
|
||||||
|
const navItems = [
|
||||||
|
{ name: 'Home', id: '/' },
|
||||||
|
{ name: 'About Us', id: '/about-us' }
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
attribute="class"
|
||||||
|
defaultButtonVariant="hover-magnetic"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="rounded"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="none"
|
||||||
|
cardStyle="solid"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="bold"
|
||||||
|
>
|
||||||
|
<NavbarStyleCentered navItems={navItems} brandName="Webild" />
|
||||||
|
|
||||||
|
<div id="company-history" data-section="company-history">
|
||||||
|
<PlainBackground className="absolute inset-0 -z-10" />
|
||||||
|
<SplitAbout
|
||||||
|
title="Our Journey: Innovating Since Day One"
|
||||||
|
description="Founded in 2020, Webild started with a vision to revolutionize the digital landscape. We've grown from a small passionate team to a global leader, continuously pushing the boundaries of what's possible."
|
||||||
|
tag="Company History"
|
||||||
|
tagIcon={Sparkles}
|
||||||
|
bulletPoints={[
|
||||||
|
{
|
||||||
|
title: "2020: The Genesis", description: "Webild is founded with a mission to create intuitive and powerful web solutions for businesses of all sizes."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "2021: First Major Product Launch", description: "Released our flagship platform, gaining significant traction and positive feedback from early adopters."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "2022: Expanding Horizons", description: "Opened our first international office, marking a pivotal step in our global expansion strategy."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "2023: Industry Recognition", description: "Awarded 'Innovator of the Year' for our cutting-edge AI-driven solutions."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "2024: Future Forward", description: "Launched our new Webild X initiative, focusing on sustainable technology and community impact."
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
imageSrc="https://via.placeholder.com/800x600?text=Company+History"
|
||||||
|
imageAlt="Company history timeline"
|
||||||
|
imagePosition="right"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="mission-vision" data-section="mission-vision">
|
||||||
|
<PlainBackground className="absolute inset-0 -z-10" />
|
||||||
|
<FeatureCardThree
|
||||||
|
title="Our Mission & Vision"
|
||||||
|
description="We are driven by a commitment to excellence, innovation, and positive impact. Our mission is to empower businesses with transformative digital tools, and our vision is to be the global leader in sustainable technology solutions."
|
||||||
|
tag="Core Values"
|
||||||
|
tagIcon={Trophy}
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: "Empowerment", description: "We empower individuals and businesses with tools that unlock their full potential and foster growth.", imageSrc: "https://via.placeholder.com/400x300?text=Empowerment"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Innovation", description: "We relentlessly pursue new ideas and technologies to deliver cutting-edge solutions that redefine industry standards.", imageSrc: "https://via.placeholder.com/400x300?text=Innovation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Integrity", description: "We operate with unwavering honesty, transparency, and ethical conduct in all our dealings.", imageSrc: "https://via.placeholder.com/400x300?text=Integrity"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Sustainability", description: "Committed to environmentally responsible practices and developing solutions that contribute to a sustainable future.", imageSrc: "https://via.placeholder.com/400x300?text=Sustainability"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
|
animationType="blur-reveal"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="team-section" data-section="team-section">
|
||||||
|
<PlainBackground className="absolute inset-0 -z-10" />
|
||||||
|
<TeamCardEleven
|
||||||
|
title="Meet Our Exceptional Team"
|
||||||
|
description="Our diverse team of experts, innovators, and visionaries is the driving force behind Webild's success. We believe in collaboration, continuous learning, and fostering an environment where every voice is heard."
|
||||||
|
tag="Our People"
|
||||||
|
tagIcon={Users}
|
||||||
|
groups={[
|
||||||
|
{
|
||||||
|
id: "leadership", groupTitle: "Leadership", members: [
|
||||||
|
{
|
||||||
|
id: "jane-doe", title: "Jane Doe", subtitle: "CEO & Founder", detail: "Visionary leader with a passion for digital transformation.", imageSrc: "https://via.placeholder.com/150?text=Jane+Doe"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "john-smith", title: "John Smith", subtitle: "CTO", detail: "Architect of our innovative technology stack.", imageSrc: "https://via.placeholder.com/150?text=John+Smith"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "engineering", groupTitle: "Engineering", members: [
|
||||||
|
{
|
||||||
|
id: "alice-johnson", title: "Alice Johnson", subtitle: "Lead Software Engineer", detail: "Expert in scalable backend systems and AI integration.", imageSrc: "https://via.placeholder.com/150?text=Alice+Johnson"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "bob-williams", title: "Bob Williams", subtitle: "Senior Frontend Developer", detail: "Crafts engaging user interfaces with pixel-perfect precision.", imageSrc: "https://via.placeholder.com/150?text=Bob+Williams"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="credentials" data-section="credentials">
|
||||||
|
<PlainBackground className="absolute inset-0 -z-10" />
|
||||||
|
<SocialProofOne
|
||||||
|
title="Recognized for Our Excellence"
|
||||||
|
description="Our commitment to quality and innovation has earned us recognition from industry leaders and various certifications, underscoring our dedication to delivering exceptional results."
|
||||||
|
tag="Accreditations & Partners"
|
||||||
|
tagIcon={Trophy}
|
||||||
|
names={[
|
||||||
|
"Tech Innovators Summit", "Global Digital Awards", "Certified by ISO 9001", "Partnership with FutureWorks", "Official AWS Partner", "Google Cloud Certified"
|
||||||
|
]}
|
||||||
|
speed={40}
|
||||||
|
showCard={true}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user