bender/7dc2a228-e862-48eb-a433-cc308fe21534
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-07 12:12:57 +00:00
parent ec3b9fc5d9
commit 278936c33a
1 changed files with 35 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
src/app/about/page.tsx
View File

@@ -2,14 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import MediaAbout from "@/components/sections/about/MediaAbout";
import AboutMetric from "@/components/sections/about/AboutMetric";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Zap, Heart, Globe, Award, Headphones } from "lucide-react";
import { Award, Users, Target, Zap, Battery, Globe } from "lucide-react";
export default function AboutPage() {
return (
@@ -35,122 +32,60 @@ export default function AboutPage() {
{ name: "Support", id: "/" },
{ name: "Reviews", id: "/reviews" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Shop Now", href: "/" }}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
title="About PodsX - Redefining Wireless Audio"
description="We're passionate about creating the future of audio. At PodsX, we combine cutting-edge technology with exceptional design to deliver premium wireless earbuds that seamlessly integrate into your life."
background={{ variant: "plain" }}
<div id="about-hero" data-section="about-hero">
<MediaAbout
title="About PodsX - Revolutionizing Audio Technology"
description="We're committed to delivering premium wireless audio experiences that seamlessly integrate with your lifestyle. Since our founding, we've been dedicated to innovation, quality, and customer satisfaction."
tag="Our Story"
tagIcon={Zap}
tagIcon={Award}
tagAnimation="slide-up"
buttons={[
{ text: "Join Our Community", href: "#" },
{ text: "Explore Products", href: "/" },
]}
buttons={[{ text: "Explore Our Mission", href: "/" }]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/modern-tech-company-office-with-innovati-1772884352920-b1c2d3e4.png"
imageAlt="PodsX innovation and design studio"
mediaAnimation="blur-reveal"
imagePosition="right"
/>
</div>
<div id="mission" data-section="mission">
<TextSplitAbout
title="Our Mission"
description={[
"At PodsX, our mission is to democratize premium audio technology. We believe everyone deserves access to exceptional sound quality, innovative features, and seamless connectivity.", "We're committed to pushing the boundaries of what's possible in wireless audio. Through relentless innovation, meticulous engineering, and a deep understanding of user needs, we create products that elevate everyday moments.", "Our vision extends beyond products. We're building a community of audio enthusiasts who appreciate quality, innovation, and the power of great sound to enhance life."]}
buttons={[
{ text: "Learn More", href: "#" },
{ text: "Join Community", href: "#" },
]}
buttonAnimation="slide-up"
showBorder={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/a-sleek-premium-product-shot-of-airpods--1772884352155-5b47d23f.png"
imageAlt="PodsX company headquarters and innovation center"
useInvertedBackground={false}
/>
</div>
<div id="values" data-section="values">
<div id="about-metrics" data-section="about-metrics">
<AboutMetric
title="Our Core Values Guiding Innovation"
title="Our Impact and Growth"
metrics={[
{ icon: Zap, label: "Innovation First", value: "Cutting-Edge" },
{ icon: Heart, label: "User-Centric Design", value: "Premium" },
{ icon: Globe, label: "Global Reach", value: "Worldwide" },
{ icon: Award, label: "Quality Excellence", value: "Best-in-Class" },
{ icon: Users, label: "Active Users Worldwide", value: "50+ Million" },
{ icon: Target, label: "Countries We Serve", value: "150+" },
{ icon: Zap, label: "Products Developed", value: "12+" },
{ icon: Globe, label: "Years of Innovation", value: "10+" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
title="Meet the Team Behind the Innovation - Passionate Creators Dedicated to Audio Excellence"
description="Get to know the talented individuals driving our mission forward"
tag="Our Team"
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted Partnerships"
description="Collaborating with leading technology and audio companies to bring you the best experience"
tag="Our Partners"
tagIcon={Award}
tagAnimation="slide-up"
members={[
{
id: "1", name: "Alexander Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-of-tech-executive-1772884352456-c1d2e3f4.png", imageAlt: "Alexander Johnson, CEO"},
{
id: "2", name: "Maria Rodriguez", role: "Chief Product Officer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-woman-tech-leader-1772884352567-d2e3f4g5.png", imageAlt: "Maria Rodriguez, Chief Product Officer"},
{
id: "3", name: "David Liu", role: "Chief Technology Officer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-asian-tech-engineer-1772884352678-e3f4g5h6.png", imageAlt: "David Liu, Chief Technology Officer"},
{
id: "4", name: "Sophie Martin", role: "Head of Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-european-designer-1772884352789-f4g5h6i7.png", imageAlt: "Sophie Martin, Head of Design"},
names={[
"Apple", "Spotify", "Amazon", "Google", "Samsung", "Sony", "Microsoft"
]}
logos={[
"http://img.b2bpic.net/free-photo/top-view-apples-around-frame-white-background-with-copy-space_141793-11956.jpg", "http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149155264.jpg", "http://img.b2bpic.net/free-vector/set-retro-music-stickers_23-2147592207.jpg", "http://img.b2bpic.net/free-vector/music-festival-logo-collection-with-flat-design_23-2147825729.jpg", "http://img.b2bpic.net/free-vector/gradient-colored-dj-logo-set_23-2148874408.jpg", "http://img.b2bpic.net/free-vector/flat-design-dj-logo-collection_23-2148872847.jpg", "http://img.b2bpic.net/free-vector/neumorph-business-card_52683-59098.jpg"
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="why-podsx" data-section="why-podsx">
<FeatureCardTwentySeven
title="Why Choose PodsX"
description="Discover what sets us apart in the competitive audio market."
tag="Our Advantage"
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{
id: "1", title: "Innovation at Heart", description: "We invest heavily in R&D to bring you the latest audio technology and features.", imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "Innovation focus"},
{
id: "2", title: "Global Impact", description: "Trusted by millions of users worldwide, delivering premium audio experiences.", imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Global reach"},
{
id: "3", title: "Sustainable Practices", description: "We're committed to eco-friendly manufacturing and packaging.", imageSrc: "/placeholders/placeholder1.webp?_wi=3", imageAlt: "Sustainable practices"},
{
id: "4", title: "Customer First", description: "Exceptional support and warranty programs backed by our commitment to satisfaction.", imageSrc: "/placeholders/placeholder1.webp?_wi=4", imageAlt: "Customer focus"},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Let's Connect"
tagIcon={Headphones}
tagAnimation="slide-up"
title="Experience the PodsX Difference"
description="Join our community of audio enthusiasts and discover why PodsX is the choice for premium wireless audio. Shop now or get in touch with our team."
buttons={[
{ text: "Shop Now", href: "/" },
{ text: "Contact Us", href: "#" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
speed={40}
showCard={true}
/>
</div>
@@ -170,7 +105,7 @@ export default function AboutPage() {
{ label: "FAQ", href: "/" },
{ label: "Setup Guide", href: "#" },
{ label: "Troubleshooting", href: "#" },
{ label: "Contact Us", href: "#" },
{ label: "Contact Us", href: "/contact" },
],
},
{
@@ -190,8 +125,8 @@ export default function AboutPage() {
],
},
]}
bottomLeftText="© 2025 PodsX. All rights reserved."
bottomRightText="Powered by Premium Audio Innovation"
bottomLeftText="© 2025 AirPods. All rights reserved."
bottomRightText="Powered by Premium Audio Technology"
/>
</div>
</ThemeProvider>