Switch to version 3: modified src/app/about-us/page.tsx
This commit is contained in:
@@ -1,16 +1,18 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/components/provider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import { Sparkles, Users, Trophy } from "lucide-react";
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||||
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
import PlainBackground from '@/components/background/PlainBackground';
|
||||||
|
|
||||||
export default function AboutUs() {
|
export default function AboutUsPage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "/" },
|
{ name: 'Home', id: '/' },
|
||||||
{ name: "About Us", id: "/about-us" }
|
{ name: 'About Us', id: '/about-us' }
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -26,144 +28,119 @@ export default function AboutUs() {
|
|||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<NavbarStyleFullscreen navItems={navItems} brandName="Webild" />
|
<NavbarStyleCentered navItems={navItems} brandName="Webild" />
|
||||||
|
|
||||||
<main>
|
<div id="company-history" data-section="company-history">
|
||||||
<div id="hero" data-section="hero">
|
<PlainBackground className="absolute inset-0 -z-10" />
|
||||||
<HeroOverlay
|
<SplitAbout
|
||||||
title="About Our Company"
|
title="Our Journey: Innovating Since Day One"
|
||||||
description="We are dedicated to innovation, quality, and making a positive impact on the world. Discover our story, values, and the team driving our success."
|
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."
|
||||||
imageSrc="https://picsum.photos/seed/aboutushero/1920/1080"
|
tag="Company History"
|
||||||
imageAlt="Company building with modern architecture"
|
tagIcon={Sparkles}
|
||||||
buttons={[{ text: "Learn More", href: "#company-overview" }]}
|
bulletPoints={[
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="company-overview" data-section="company-overview">
|
|
||||||
<FeatureCardThree
|
|
||||||
title="Our Story and Impact"
|
|
||||||
description="Our journey began with a clear vision to revolutionize the industry. Over the years, we've grown through innovation, client collaboration, and an unwavering commitment to excellence."
|
|
||||||
features={[
|
|
||||||
{
|
{
|
||||||
title: "A Legacy of Excellence", description: "Our journey began with a vision to revolutionize the industry through cutting-edge solutions and unwavering commitment to our clients. Over the years, we've grown, adapted, and consistently delivered results that exceed expectations, building a reputation for reliability and forward-thinking innovation.", imageSrc: "https://picsum.photos/seed/companyjourney/400/300"
|
title: "2020: The Genesis", description: "Webild is founded with a mission to create intuitive and powerful web solutions for businesses of all sizes."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Key Milestones & Achievements", description: "• 15+ Years in Business\n• 500+ Satisfied Clients Worldwide\n• 99% Customer Retention Rate\n• 30+ Industry Awards & Recognitions", imageSrc: "https://picsum.photos/seed/statsachievements/400/300"
|
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."
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
gridVariant="two-columns-alternating-heights"
|
imageSrc="https://via.placeholder.com/800x600?text=Company+History"
|
||||||
animationType="slide-up"
|
imageAlt="Company history timeline"
|
||||||
|
imagePosition="right"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="mission-vision" data-section="mission-vision">
|
<div id="mission-vision" data-section="mission-vision">
|
||||||
|
<PlainBackground className="absolute inset-0 -z-10" />
|
||||||
<FeatureCardThree
|
<FeatureCardThree
|
||||||
title="Our Guiding Principles"
|
title="Our Mission & Vision"
|
||||||
description="Our mission and vision define who we are and where we are headed, inspiring every action we take."
|
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={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Our Mission", description: "To empower businesses with transformative technology solutions that drive growth, efficiency, and sustainable success, while fostering a culture of innovation and collaboration.", imageSrc: "https://picsum.photos/seed/mission/400/300"
|
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: "Our Vision", description: "To be the global leader in digital transformation, recognized for our pioneering spirit, ethical practices, and unwavering dedication to client success and community enrichment.", imageSrc: "https://picsum.photos/seed/vision/400/300"
|
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="uniform-all-items-equal"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
animationType="slide-up"
|
animationType="blur-reveal"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="core-values" data-section="core-values">
|
<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
|
<SocialProofOne
|
||||||
title="Our Core Values"
|
title="Recognized for Our Excellence"
|
||||||
description="The pillars that define our culture, guide our decisions, and drive our success."
|
description="Our commitment to quality and innovation has earned us recognition from industry leaders and various certifications, underscoring our dedication to delivering exceptional results."
|
||||||
names={["Integrity", "Innovation", "Excellence", "Collaboration", "Customer Focus", "Accountability", "Sustainability", "Respect", "Passion", "Agility"]}
|
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}
|
showCard={true}
|
||||||
animationType="opacity"
|
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="compliance-credentials" data-section="compliance-credentials">
|
|
||||||
<FeatureCardThree
|
|
||||||
title="Trust and Transparency"
|
|
||||||
description="Adhering to the highest standards of industry compliance and holding essential certifications to ensure trust and reliability."
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "ISO 9001 Certified", description: "Ensuring top-tier quality management systems and operational efficiency.", imageSrc: "https://picsum.photos/seed/iso9001/400/300"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "GDPR Compliant", description: "Protecting user data with rigorous privacy standards and secure data handling.", imageSrc: "https://picsum.photos/seed/gdpr/400/300"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "SOC 2 Type II Audited", description: "Maintaining high standards for security, availability, and processing integrity.", imageSrc: "https://picsum.photos/seed/soc2/400/300"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Certified Ethical AI", description: "Committed to responsible, fair, and transparent artificial intelligence development.", imageSrc: "https://picsum.photos/seed/ethicalai/400/300"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Data Security Standard", description: "Robust measures in place for protecting all sensitive information and assets.", imageSrc: "https://picsum.photos/seed/datastandard/400/300"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="leadership" data-section="leadership">
|
|
||||||
<TeamCardTwo
|
|
||||||
title="Meet Our Leadership"
|
|
||||||
description="Our leadership team brings together decades of experience, guiding our company with strategic vision and steadfast commitment."
|
|
||||||
members={[
|
|
||||||
{
|
|
||||||
id: "john-doe", name: "John Doe", role: "CEO & Founder", description: "John is a visionary leader with over 20 years of experience in tech innovation and strategic business development, driving our company's pioneering spirit.", imageSrc: "https://picsum.photos/seed/john/400/400"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "jane-smith", name: "Jane Smith", role: "Chief Operating Officer", description: "Jane brings extensive operational excellence and a passion for scalable growth to our team, ensuring seamless execution and outstanding results.", imageSrc: "https://picsum.photos/seed/jane/400/400"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
gridVariant="two-columns-alternating-heights"
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="health-safety-ethics" data-section="health-safety-ethics">
|
|
||||||
<FeatureCardThree
|
|
||||||
title="Our Commitment to Well-being"
|
|
||||||
description="Fostering a responsible, safe, and ethical environment for our employees, partners, and the communities we serve."
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Workplace Safety", description: "Prioritizing the physical and mental well-being of all employees through comprehensive safety protocols.", imageSrc: "https://picsum.photos/seed/safetyfirst/400/300"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Ethical Conduct", description: "Upholding the highest standards of integrity, transparency, and fair dealings in all our operations.", imageSrc: "https://picsum.photos/seed/ethicalconduct/400/300"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Environmental Responsibility", description: "Implementing sustainable practices to minimize our ecological footprint and protect the planet.", imageSrc: "https://picsum.photos/seed/environmental/400/300"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Data Privacy", description: "Rigorous protection of all personal and corporate data, ensuring confidentiality and security.", imageSrc: "https://picsum.photos/seed/dataprivacysecured/400/300"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Community Engagement", description: "Actively contributing to the betterment of our local and global communities through initiatives and partnerships.", imageSrc: "https://picsum.photos/seed/communitylove/400/300"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user