Merge version_2 into main #8
@@ -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>
|
||||
|
||||
@@ -17,7 +17,7 @@ export default function ComparisonPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -42,7 +42,7 @@ export default function ComparisonPage() {
|
||||
<HeroSplitKpi
|
||||
title="AirPods Pro vs AirPods 4 Comparison"
|
||||
description="Find your perfect match. Compare detailed specifications, features, and performance between AirPods Pro and AirPods 4. Make an informed decision based on your needs."
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
kpis={[
|
||||
{ value: "2 Models", label: "Full Comparison" },
|
||||
{ value: "20+ Specs", label: "Detailed Analysis" },
|
||||
@@ -125,7 +125,7 @@ export default function ComparisonPage() {
|
||||
{ text: "View Features", href: "/features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -17,7 +17,7 @@ export default function FeaturesPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -42,7 +42,7 @@ export default function FeaturesPage() {
|
||||
<HeroSplitKpi
|
||||
title="Discover AirPods Key Features"
|
||||
description="Explore the innovative technologies that make AirPods the world's most advanced wireless audio experience. From noise cancellation to seamless connectivity."
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
kpis={[
|
||||
{ value: "Active", label: "Noise Cancellation" },
|
||||
{ value: "Spatial", label: "3D Audio" },
|
||||
@@ -114,7 +114,7 @@ export default function FeaturesPage() {
|
||||
{ text: "Compare Models", href: "/comparison" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
@@ -18,7 +18,7 @@ export default function ReviewsPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -44,7 +44,7 @@ export default function ReviewsPage() {
|
||||
<HeroSplit
|
||||
title="Customer Reviews & Testimonials"
|
||||
description="Discover what thousands of satisfied customers are saying about their AirPods experience. Read authentic reviews from real users across the globe."
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
tag="Customer Stories"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
@@ -61,31 +61,26 @@ export default function ReviewsPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-of-a-satisfied-use-1772884351817-6dec7f08.png", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "2", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/happy-lifestyle-photo-of-person-wearing--1772884353901-6ee88695.png", imageAlt: "James Wilson"},
|
||||
{
|
||||
id: "3", name: "Emma Davis", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-businessperson-using-airpod-1772884353609-0ef52970.png", imageAlt: "Emma Davis"},
|
||||
{
|
||||
id: "4", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/creative-professional-or-content-creator-1772884352345-f1e1d55c.png", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "5", name: "Lisa Anderson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/active-lifestyle-user-athlete-or-fitness-1772884351718-1b549457.png", imageAlt: "Lisa Anderson"},
|
||||
{
|
||||
id: "6", name: "David Kumar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/diverse-user-in-relaxed-comfortable-sett-1772884352272-d4dc5302.png", imageAlt: "David Kumar"},
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Over 10,000+ customers trust AirPods for their premium audio experience"
|
||||
rating={5}
|
||||
author="See what they say"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-of-a-satisfied-use-1772884351817-6dec7f08.png", alt: "Customer 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/happy-lifestyle-photo-of-person-wearing--1772884353901-6ee88695.png", alt: "Customer 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-businessperson-using-airpod-1772884353609-0ef52970.png", alt: "Customer 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/creative-professional-or-content-creator-1772884352345-f1e1d55c.png", alt: "Customer 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/active-lifestyle-user-athlete-or-fitness-1772884351718-1b549457.png", alt: "Customer 5" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/diverse-user-in-relaxed-comfortable-sett-1772884352272-d4dc5302.png", alt: "Customer 6" },
|
||||
]}
|
||||
cardTitle="Over 10,000+ customers trust AirPods for their premium audio experience"
|
||||
cardTag="See what they say"
|
||||
cardTagIcon={Users}
|
||||
cardAnimation="slide-up"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<BlogCardOne
|
||||
<BlogCardThree
|
||||
title="Detailed Customer Reviews"
|
||||
description="Read in-depth reviews from AirPods users sharing their experiences, ratings, and recommendations."
|
||||
tag="Reviews"
|
||||
@@ -140,7 +135,7 @@ export default function ReviewsPage() {
|
||||
{ text: "Compare Models", href: "/" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -15,7 +15,7 @@ export default function ShopPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -76,7 +76,7 @@ export default function ShopPage() {
|
||||
{ text: "Buy PodsX 4", href: "#podsx-4" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "circleGradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user