Add src/app/education/page.tsx

2026-05-28 16:52:12 +00:00
parent 6a5cb74f6b
commit 133c659e84
1 changed files with 95 additions and 0 deletions
--- a/src/app/education/page.tsx
+++ b/src/app/education/page.tsx
@@ -0,0 +1,95 @@
+"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 BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+
+export default function EducationPage() {
+  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: "#hero" },
+              { name: "About", id: "#about" },
+              { name: "Products", id: "#products" },
+              { name: "Education", href: "/education" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="The Vegan Marie"
+          />
+        </div>
+
+        <div id="education-content" data-section="education-content">
+          <BlogCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Deepen Your Herbal Knowledge"
+            description="Explore our comprehensive guides, articles, and resources to empower your natural wellness journey."
+            blogs={[
+              {
+                id: "edu-1",                category: "Herbal Wisdom",                title: "The Power of Adaptogens for Stress Relief",                excerpt: "Explore how herbs like Ashwagandha and Holy Basil can help your body adapt to stress and promote balance, fostering a calm and resilient state.",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21262.jpg",                imageAlt: "Ashwagandha roots and herbs",                authorName: "The Vegan Marie Team",                authorAvatar: "/images/author-avatar.jpg",                date: "July 15, 2024"
+              },
+              {
+                id: "edu-2",                category: "Wellness Lifestyle",                title: "Crafting Your Daily Detox Ritual with Herbs",                excerpt: "Learn simple ways to incorporate detoxifying herbs into your daily routine for enhanced cleansing, vitality, and overall well-being.",                imageSrc: "http://img.b2bpic.net/free-photo/spa-decoration-wood-background_1150-6739.jpg",                imageAlt: "Herbal ingredients for a detox tea",                authorName: "The Vegan Marie Team",                authorAvatar: "/images/author-avatar.jpg",                date: "July 18, 2024"
+              },
+              {
+                id: "edu-3",                category: "Natural Healing",                title: "Sea Moss Benefits: Your Guide to Mineral-Rich Wellness",                excerpt: "Dive deep into the incredible nutritional benefits of sea moss and discover how this marine superfood supports overall health and vitality.",                imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-food-ingredients_23-2148869888.jpg",                imageAlt: "Sea moss in clear water",                authorName: "The Vegan Marie Team",                authorAvatar: "/images/author-avatar.jpg",                date: "July 22, 2024"
+              }
+            ]}
+          />
+        </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>
+  );
+}