Update src/app/reviews/page.tsx

This commit is contained in:
2026-03-07 11:59:02 +00:00
parent aee2b7f5df
commit 02dc674104

View File

@@ -2,10 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Star, MessageCircle } from "lucide-react";
import { Star, Award, Users, TrendingUp, Headphones } from "lucide-react";
export default function ReviewsPage() {
return (
@@ -25,10 +28,10 @@ export default function ReviewsPage() {
<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" },
]}
@@ -37,44 +40,104 @@ export default function ReviewsPage() {
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
<div id="hero" data-section="hero">
<HeroSplit
title="Customer Reviews & Testimonials"
description="See what our satisfied customers have to say about their AirPods experience."
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" }}
tag="Customer Stories"
tagIcon={Star}
tagAnimation="slide-up"
buttons={[
{ text: "Share Your Review", href: "#" },
{ text: "Explore Products", href: "/" },
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/happy-customer-giving-five-star-review-sa-1772884352890-a1b2c3d4.png"
imageAlt="Satisfied customer giving a five-star review"
mediaAnimation="blur-reveal"
imagePosition="right"
/>
</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"},
]}
cardTitle="Over 10,000+ customers trust AirPods for their premium audio experience"
cardTag="See what they say"
cardTagIcon={Users}
cardAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="reviews" data-section="reviews">
<BlogCardOne
title="Detailed Customer Reviews"
description="Read in-depth reviews from AirPods users sharing their experiences, ratings, and recommendations."
tag="Reviews"
tagIcon={Star}
tagAnimation="slide-up"
testimonials={[
blogs={[
{
id: "1", name: "Sarah Chen", role: "Audio Engineer", testimonial: "AirPods Pro have completely transformed my audio workflow. The sound quality is exceptional and the active noise cancellation is industry-leading. Highly recommended for professionals.", 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: "1", category: "AirPods Pro", title: "Best Wireless Earbuds for Audio Quality and Comfort", excerpt: "After using AirPods Pro for 6 months, I'm thoroughly impressed with the sound quality and seamless integration with my devices.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/high-quality-product-photography-of-airp-1772884351466-337fed24.png", imageAlt: "AirPods Pro review", authorName: "Sarah Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-of-a-satisfied-use-1772884351817-6dec7f08.png", date: "15 Jan 2025", onBlogClick: () => console.log("Review clicked"),
},
{
id: "2", name: "Michael Rodriguez", role: "Product Manager", testimonial: "The seamless integration with my Apple ecosystem is unmatched. Switching between my iPhone, Mac, and iPad is instantaneous. Best investment I've made for productivity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/happy-lifestyle-photo-of-person-wearing--1772884353901-6ee88695.png", imageAlt: "Michael Rodriguez"},
id: "2", category: "AirPods Max", title: "Premium Over-Ear Experience That Justifies the Investment", excerpt: "AirPods Max delivers exceptional sound, comfort, and integration that makes them worth every penny for audio enthusiasts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/airpods-max-over-ear-headphones-displaye-1772884352294-e666eff4.png", imageAlt: "AirPods Max review", authorName: "James Wilson", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/happy-lifestyle-photo-of-person-wearing--1772884353901-6ee88695.png", date: "12 Jan 2025", onBlogClick: () => console.log("Review clicked"),
},
{
id: "3", name: "Jessica Martinez", role: "Fitness Coach", testimonial: "I use AirPods Max for my training sessions and they stay perfectly secure. The spatial audio creates an immersive experience that motivates my workouts. Absolutely love them!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-businessperson-using-airpod-1772884353609-0ef52970.png", imageAlt: "Jessica Martinez"},
id: "3", category: "AirPods 2nd Gen", title: "Affordable Excellence in Wireless Audio", excerpt: "Great value for money. These AirPods offer reliable performance and solid build quality at an accessible price point.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/airpods-2nd-generation-with-charging-cas-1772884351239-d2c575a8.png", imageAlt: "AirPods 2nd generation review", authorName: "Emma Davis", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-businessperson-using-airpod-1772884353609-0ef52970.png", date: "10 Jan 2025", onBlogClick: () => console.log("Review clicked"),
},
{
id: "4", name: "David Kim", role: "Content Creator", testimonial: "The battery life is incredible. I go through entire days without needing to charge, and the quality is perfect for recording videos. Worth every penny.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/creative-professional-or-content-creator-1772884352345-f1e1d55c.png", imageAlt: "David Kim"},
{
id: "5", name: "Emma Thompson", role: "Business Executive", testimonial: "The transparency mode is a game-changer for taking calls while on the go. My colleagues can hear me clearly and the ambient sound awareness is excellent. A must-have for professionals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/active-lifestyle-user-athlete-or-fitness-1772884351718-1b549457.png", imageAlt: "Emma Thompson"},
{
id: "6", name: "Alex Johnson", role: "Travel Blogger", testimonial: "Perfect travel companions. Lightweight, comfortable for long flights, and the noise cancellation makes a huge difference at high altitudes. My new travel essential!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/diverse-user-in-relaxed-comfortable-sett-1772884352272-d4dc5302.png", imageAlt: "Alex Johnson"},
id: "4", category: "Active Noise Cancellation", title: "Game-Changing Noise Cancellation Technology", excerpt: "The adaptive noise cancellation in AirPods Pro is revolutionary. It seamlessly adapts to your environment and never disappoints.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/abstract-visualization-of-active-noise-c-1772884352205-cdd837a4.png", imageAlt: "Noise cancellation review", authorName: "Michael Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/creative-professional-or-content-creator-1772884352345-f1e1d55c.png", date: "8 Jan 2025", onBlogClick: () => console.log("Review clicked"),
},
]}
textboxLayout="default"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Industry Leaders"
description="Recommended and used by tech reviewers, audio professionals, and major publications worldwide."
tag="Industry Recognition"
tagIcon={Award}
tagAnimation="slide-up"
names={[
"TechCrunch", "The Verge", "WIRED", "MacRumors", "AudioMag", "TechRadar", "Engadget"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
showCard={true}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Share Your Experience"
tagIcon={MessageCircle}
tag="Ready to Experience Premium Audio?"
tagIcon={Headphones}
tagAnimation="slide-up"
title="Join Our Community of AirPods Users"
description="Have you experienced AirPods? We'd love to hear your story. Share your reviews and help others discover the perfect audio solution."
title="Join Thousands of Satisfied Customers"
description="Experience the AirPods difference today. Find your perfect model and discover why customers worldwide choose AirPods for their audio needs."
buttons={[
{ text: "Shop AirPods", href: "/" },
{ text: "Contact Support", href: "#" },
{ text: "Shop Now", href: "/" },
{ text: "Compare Models", href: "/" },
]}
buttonAnimation="slide-up"
background={{ variant: "noise" }}
@@ -98,7 +161,7 @@ export default function ReviewsPage() {
{ label: "FAQ", href: "/" },
{ label: "Setup Guide", href: "#" },
{ label: "Troubleshooting", href: "#" },
{ label: "Contact Us", href: "#" },
{ label: "Contact Us", href: "/" },
],
},
{