Add src/app/reviews/page.tsx

This commit is contained in:
2026-03-07 11:55:43 +00:00
parent 4f9027587c
commit ef9a133adf

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

@@ -0,0 +1,127 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Star, MessageCircle } 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: "products" },
{ name: "Features", id: "features" },
{ name: "Why AirPods", id: "metrics" },
{ name: "Support", id: "faq" },
{ name: "Reviews", id: "/reviews" },
{ name: "About", id: "/about" },
]}
button={{ text: "Shop Now", href: "/" }}
animateOnLoad={true}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
title="Customer Reviews & Testimonials"
description="See what our satisfied customers have to say about their AirPods experience."
tag="Reviews"
tagIcon={Star}
tagAnimation="slide-up"
testimonials={[
{
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: "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: "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: "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"},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Share Your Experience"
tagIcon={MessageCircle}
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."
buttons={[
{ text: "Shop AirPods", href: "/" },
{ text: "Contact Support", 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>
);
}