Update src/app/about/page.tsx
This commit is contained in:
@@ -5,11 +5,11 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import TeamCardTen from "@/components/sections/team/TeamCardTen";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Zap, Users, Globe, Zap as Rocket, Heart, Target, Headphones, TrendingUp, Award } from "lucide-react";
|
||||
import { Zap, Heart, Globe, Award, Headphones } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
@@ -19,7 +19,7 @@ export default function AboutPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -45,7 +45,7 @@ export default function AboutPage() {
|
||||
<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: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
tag="Our Story"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
@@ -91,50 +91,48 @@ export default function AboutPage() {
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
<TeamCardOne
|
||||
title="Meet the Team Behind the Innovation - Passionate Creators Dedicated to Audio Excellence"
|
||||
tag="Our Team"
|
||||
tagAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Alexander Johnson", 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: "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", 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: "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", 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: "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", 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"},
|
||||
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"},
|
||||
]}
|
||||
memberVariant="default"
|
||||
membersAnimation="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-podsx" data-section="why-podsx">
|
||||
<FeatureBento
|
||||
<FeatureCardTwentySeven
|
||||
title="Why Choose PodsX"
|
||||
description="Discover what sets us apart in the competitive audio market."
|
||||
tag="Our Advantage"
|
||||
tagIcon={Rocket}
|
||||
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.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
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", imageAlt: "Innovation focus"},
|
||||
{
|
||||
id: "2", title: "Global Impact", description: "Trusted by millions of users worldwide, delivering premium audio experiences.", bentoComponent: "globe"},
|
||||
id: "2", title: "Global Impact", description: "Trusted by millions of users worldwide, delivering premium audio experiences.", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Global reach"},
|
||||
{
|
||||
id: "3", title: "Sustainable Practices", description: "We're committed to eco-friendly manufacturing and packaging.", bentoComponent: "reveal-icon", icon: Globe,
|
||||
},
|
||||
id: "3", title: "Sustainable Practices", description: "We're committed to eco-friendly manufacturing and packaging.", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Sustainable practices"},
|
||||
{
|
||||
id: "4", title: "Customer First", description: "Exceptional support and warranty programs backed by our commitment to satisfaction.", bentoComponent: "reveal-icon", icon: Heart,
|
||||
},
|
||||
id: "4", title: "Customer First", description: "Exceptional support and warranty programs backed by our commitment to satisfaction.", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Customer focus"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,7 +148,7 @@ export default function AboutPage() {
|
||||
{ text: "Contact Us", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user