Add src/app/reviews/page.tsx

This commit is contained in:
2026-03-07 12:00:14 +00:00
parent ab348847cf
commit 8a83eec546

190
src/app/reviews/page.tsx Normal file
View File

@@ -0,0 +1,190 @@
"use client";
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 SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Star, Award, Users, TrendingUp, Headphones } from "lucide-react";
export default function ReviewsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="noise"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="AirPods"
navItems={[
{ name: "Products", id: "/" },
{ name: "Features", id: "/" },
{ name: "Why AirPods", id: "/" },
{ name: "Support", id: "/" },
{ name: "Reviews", id: "/reviews" },
{ name: "About", id: "/about" },
]}
button={{ text: "Shop Now", href: "/" }}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<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" }}
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"
blogs={[
{
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", 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", 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", 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"),
},
]}
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="Ready to Experience Premium Audio?"
tagIcon={Headphones}
tagAnimation="slide-up"
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 Now", href: "/" },
{ text: "Compare Models", href: "/" },
]}
buttonAnimation="slide-up"
background={{ variant: "noise" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Products", items: [
{ label: "AirPods Pro", href: "/" },
{ label: "AirPods Max", href: "/" },
{ label: "AirPods (2nd Gen)", href: "/" },
{ label: "Compare Models", href: "#" },
],
},
{
title: "Support", items: [
{ label: "FAQ", href: "/" },
{ label: "Setup Guide", href: "#" },
{ label: "Troubleshooting", href: "#" },
{ label: "Contact Us", href: "/" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Reviews", href: "/reviews" },
{ label: "Careers", href: "#" },
{ label: "News", href: "#" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Warranty", href: "#" },
],
},
]}
bottomLeftText="© 2025 AirPods. All rights reserved."
bottomRightText="Powered by Premium Audio Technology"
/>
</div>
</ThemeProvider>
);
}