Update src/app/about/page.tsx
This commit is contained in:
@@ -2,10 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Battery, Globe, Volume2, Zap, Award, Sparkles } from "lucide-react";
|
||||
import { Award, Users, Target, Zap, Battery, Globe } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
@@ -15,7 +16,7 @@ export default function AboutPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -25,10 +26,11 @@ export default function AboutPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="AirPods"
|
||||
navItems={[
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Why AirPods", id: "metrics" },
|
||||
{ name: "Support", id: "faq" },
|
||||
{ name: "Products", id: "/" },
|
||||
{ name: "Features", id: "/" },
|
||||
{ name: "Why AirPods", id: "/" },
|
||||
{ name: "Support", id: "/" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
@@ -38,37 +40,55 @@ export default function AboutPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Revolutionizing Audio with" },
|
||||
{
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/a-sleek-premium-product-shot-of-airpods--1772884352155-5b47d23f.png", alt: "AirPods Logo"},
|
||||
{ type: "text", content: "Innovation and Excellence" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/" },
|
||||
{ text: "Learn More", href: "#mission" },
|
||||
]}
|
||||
<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={Award}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Explore Our Mission", href: "/" }]}
|
||||
buttonAnimation="slide-up"
|
||||
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="mission" data-section="mission">
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<AboutMetric
|
||||
title="Our mission is to deliver premium audio experiences that seamlessly integrate with your lifestyle, setting new standards for wireless audio technology and customer satisfaction."
|
||||
title="Our Impact and Growth"
|
||||
metrics={[
|
||||
{ icon: Sparkles, label: "Innovation Focus", value: "Leading" },
|
||||
{ icon: Award, label: "Quality Standard", value: "Premium" },
|
||||
{ icon: Globe, label: "Global Reach", value: "Millions" },
|
||||
{ icon: Zap, label: "Performance", value: "Outstanding" },
|
||||
{ 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="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"
|
||||
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"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
@@ -91,7 +111,7 @@ export default function AboutPage() {
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "News", href: "#" },
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user