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