Add src/app/testimonials/page.tsx

This commit is contained in:
2026-03-11 12:41:18 +00:00
parent 2d5e540931
commit c33db967ca

View File

@@ -0,0 +1,109 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Award } from 'lucide-react';
export default function TestimonialsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="layered-gradient"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="AUDI CLUB"
navItems={[
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Join", id: "join" }
]}
bottomLeftText="Premium Audi Community"
bottomRightText="hello@audiclub.com"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Member Stories"
description="Hear from club members about their experiences, connections, and passion for Audi excellence."
tag="Member Voices"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={true}
showRating={true}
testimonials={[
{
id: "testimonial-1", name: "Sarah Thompson", handle: "@sarahth_audi", testimonial: "The Audi Club has transformed how I experience ownership. The track days are world-class, and the friendships I've made with fellow members are invaluable. This isn't just a club—it's a family.", rating: 5
},
{
id: "testimonial-2", name: "Lucas Benitez", handle: "@lucasb_performance", testimonial: "As a newcomer, I was amazed by how welcoming the community is. The technical knowledge shared by experienced members accelerated my learning curve immensely. Highly recommend joining.", rating: 5
},
{
id: "testimonial-3", name: "Patricia Wong", handle: "@patriciaw_collector", testimonial: "The networking opportunities alone make membership worthwhile. I've connected with industry leaders, found incredible service providers, and discovered my best friends through the club. Worth every penny.", rating: 5
},
{
id: "testimonial-4", name: "Michael Hoffmann", handle: "@mhoffmann_rs", testimonial: "Premium, professional, and truly passionate about Audi culture. The events rival manufacturer experiences. I've never felt more connected to a brand and community.", rating: 5
},
{
id: "testimonial-5", name: "Jasmine Lee", handle: "@jasminelee_q4", testimonial: "The club's commitment to sustainability and innovation mirrors Audi's vision perfectly. It's inspiring to be part of a community pushing the boundaries of electric performance.", rating: 5
},
{
id: "testimonial-6", name: "Robert Gallagher", handle: "@rgallagher_motorsport", testimonial: "Track day quality is exceptional. Professional instruction, safety protocols, and the camaraderie among members make these experiences unforgettable. Best automotive investment I've made.", rating: 5
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="AUDI CLUB"
columns={[
{
items: [
{ label: "About", href: "/#about" },
{ label: "Products", href: "/products" },
{ label: "Testimonials", href: "/testimonials" }
]
},
{
items: [
{ label: "Events", href: "/#" },
{ label: "Track Days", href: "/#" },
{ label: "Chapters", href: "/#" }
]
},
{
items: [
{ label: "Support", href: "/#" },
{ label: "FAQ", href: "/#faq" },
{ label: "Contact", href: "/#contact" }
]
},
{
items: [
{ label: "Privacy", href: "/#" },
{ label: "Terms", href: "/#" },
{ label: "Sitemap", href: "/#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}