Add src/app/testimonials/page.tsx

2026-05-28 16:52:14 +00:00
parent 69fd4d38b2
commit 56f971a332
1 changed files with 108 additions and 0 deletions
--- a/src/app/testimonials/page.tsx
+++ b/src/app/testimonials/page.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+
+export default function TestimonialsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Products", id: "#products" },
+              { name: "Education", id: "#education" },
+              { name: "Testimonials", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="The Vegan Marie"
+          />
+        </div>
+
+        <div id="testimonials-page-section" data-section="testimonials-page-section">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              {
+                id: "1",          name: "Sarah L.",          role: "Yoga Instructor",          company: "Inner Peace Studio",          rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/attractive-african-female-florist-cutting-stems-workplace-white-wall_176420-12239.jpg",          imageAlt: "Portrait of Sarah L., a yoga instructor"},
+              {
+                id: "2",          name: "Michael T.",          role: "Nutritionist",          company: "Holistic Health",          rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-healthy_23-2149243047.jpg",          imageAlt: "Portrait of Michael T., a nutritionist"},
+              {
+                id: "3",          name: "Emily R.",          role: "Wellness Blogger",          company: "Green Living Blog",          rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notebook-with-assortment-bowls-with-powder_23-2148774946.jpg",          imageAlt: "Portrait of Emily R., a wellness blogger with herbs"},
+              {
+                id: "4",          name: "David K.",          role: "Entrepreneur",          company: "Mindful Co.",          rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products_23-2149446548.jpg",          imageAlt: "Portrait of David K., an entrepreneur in a natural setting"},
+              {
+                id: "5",          name: "Jessica M.",          role: "Stay-at-Home Parent",          company: "Private",          rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/female-friends-looking-recipe-smartphone-while-cooking_23-2148708930.jpg",          imageAlt: "Portrait of Jessica M., a stay-at-home parent"},
+            ]}
+            kpiItems={[
+              {
+                value: "98%",          label: "Customer Satisfaction"},
+              {
+                value: "100%",          label: "Organic Sourcing"},
+              {
+                value: "50+",          label: "Herbal Varieties"},
+            ]}
+            title="Real Stories, Real Healing"
+            description="Hear from our community about their transformative journey with The Vegan Marie's natural wellness remedies and holistic approach to health."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="The Vegan Marie"
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "Herbal Teas", href: "#products" },
+                  { label: "Herbal Powders", href: "#products" },
+                  { label: "Sea Moss Blends", href: "#products" },
+                  { label: "Remedies & Roots", href: "#products" },
+                ],
+              },
+              {
+                title: "Learn",                items: [
+                  { label: "Our Story", href: "/about" },
+                  { label: "Herbal Benefits", href: "#features" },
+                  { label: "Wellness Education", href: "#education" },
+                  { label: "FAQ", href: "#faq" },
+                ],
+              },
+              {
+                title: "Connect",                items: [
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Shipping & Returns", href: "#" },
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 The Vegan Marie. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}