Update src/app/page.tsx

Merge version_1 into main

src/app/features/page.tsx

@@ -0,0 +1,138 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { BarChart3, Bell, CheckCircle, Clock, CreditCard, DollarSign, FileCheck, FileText, Award, Zap, TrendingUp } from 'lucide-react';
+
+export default function FeaturesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="largeSmall"
+      background="fluid"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Smart Tuition Pro"
+          navItems={[
+            { name: "Features", id: "/features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "About", id: "about" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" },
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Explore Our Comprehensive Features"
+          description="Discover all the powerful tools and capabilities built into Smart Tuition Pro to streamline your institute management"
+          background={{ variant: "sparkles-gradient" }}
+          tag="Features"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Start Your Free Trial", href: "https://smarttuitionpro.com/trial" },
+            { text: "View Demo", href: "https://smarttuitionpro.com/demo" },
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/a-modern-bright-dashboard-interface-for--1773131822223-ba9b7474.png?_wi=2"
+          imageAlt="Smart Tuition Pro features dashboard"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTen
+          title="Everything You Need to Manage Your Institute"
+          description="Our comprehensive platform serves administrators, teachers, students, and parents with intuitive, role-based dashboards and real-time insights."
+          tag="Complete Solution"
+          features={[
+            {
+              id: "1",              title: "Attendance Tracking & Analytics",              description: "Mark attendance in real-time with instant automated notifications to parents. Track patterns, generate reports, and identify attendance issues before they become problems.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/an-illustration-showing-automated-notifi-1773131821170-b22c650e.png?_wi=2"
+              },
+              items: [
+                { icon: CheckCircle, text: "Real-time attendance marking" },
+                { icon: Bell, text: "Automated parent notifications" },
+                { icon: BarChart3, text: "Attendance analytics & reports" },
+                { icon: Clock, text: "Historical tracking" },
+              ],
+              reverse: false,
+            },
+            {
+              id: "2",              title: "Online Assessments & Testing",              description: "Create and deploy online assessments with instant grading, detailed performance analytics, and customizable question formats. Track student progress and identify learning gaps.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/an-online-assessment-and-testing-interfa-1773131821770-81f7ec34.png?_wi=2"
+              },
+              items: [
+                { icon: FileText, text: "Flexible assessment creation" },
+                { icon: Zap, text: "Instant automated grading" },
+                { icon: TrendingUp, text: "Performance analytics" },
+                { icon: Award, text: "Detailed result reports" },
+              ],
+              reverse: true,
+            },
+            {
+              id: "3",              title: "Comprehensive Fee Management",              description: "Streamline fee collection with integrated UPI payment gateway, automated invoicing, and transparent payment tracking. Reduce manual follow-ups with automated reminders.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/a-comprehensive-fee-management-dashboard-1773131821739-fdd9d4d5.png?_wi=2"
+              },
+              items: [
+                { icon: CreditCard, text: "UPI payment integration" },
+                { icon: FileCheck, text: "Automated invoicing" },
+                { icon: Bell, text: "Payment reminders" },
+                { icon: DollarSign, text: "Complete audit trail" },
+              ],
+              reverse: false,
+            },
+          ]}
+          textboxLayout="default"
+          animationType="blur-reveal"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          copyrightText="© 2025 Smart Tuition Pro | All rights reserved"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "#pricing" },
+                { label: "Security", href: "#" },
+                { label: "Roadmap", href: "#" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "#about" },
+                { label: "Blog", href: "https://smarttuitionpro.com/blog" },
+                { label: "Careers", href: "https://smarttuitionpro.com/careers" },
+                { label: "Contact", href: "#contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "https://smarttuitionpro.com/privacy" },
+                { label: "Terms of Service", href: "https://smarttuitionpro.com/terms" },
+                { label: "Data Protection", href: "https://smarttuitionpro.com/gdpr" },
+                { label: "Cookie Policy", href: "https://smarttuitionpro.com/cookies" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -49,7 +49,7 @@ export default function LandingPage() {
           ]}
           slides={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/a-modern-bright-dashboard-interface-for--1773131822223-ba9b7474.png",              imageAlt: "Administrator dashboard with student analytics and attendance tracking"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/a-modern-bright-dashboard-interface-for--1773131822223-ba9b7474.png?_wi=1",              imageAlt: "Administrator dashboard with student analytics and attendance tracking"},
             {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/a-teacher-s-interface-for-marking-attend-1773131821713-04defe3f.png",              imageAlt: "Teacher interface for attendance marking and student progress"},
             {
@@ -85,7 +85,7 @@ export default function LandingPage() {
           features={[
             {
               id: "1",              title: "Attendance Tracking & Analytics",              description: "Mark attendance in real-time with instant automated notifications to parents. Track patterns, generate reports, and identify attendance issues before they become problems.",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/an-illustration-showing-automated-notifi-1773131821170-b22c650e.png"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/an-illustration-showing-automated-notifi-1773131821170-b22c650e.png?_wi=1"},
               items: [
                 { icon: CheckCircle, text: "Real-time attendance marking" },
                 { icon: Bell, text: "Automated parent notifications" },
@@ -96,7 +96,7 @@ export default function LandingPage() {
             },
             {
               id: "2",              title: "Online Assessments & Testing",              description: "Create and deploy online assessments with instant grading, detailed performance analytics, and customizable question formats. Track student progress and identify learning gaps.",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/an-online-assessment-and-testing-interfa-1773131821770-81f7ec34.png"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/an-online-assessment-and-testing-interfa-1773131821770-81f7ec34.png?_wi=1"},
               items: [
                 { icon: FileText, text: "Flexible assessment creation" },
                 { icon: Zap, text: "Instant automated grading" },
@@ -107,7 +107,7 @@ export default function LandingPage() {
             },
             {
               id: "3",              title: "Comprehensive Fee Management",              description: "Streamline fee collection with integrated UPI payment gateway, automated invoicing, and transparent payment tracking. Reduce manual follow-ups with automated reminders.",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/a-comprehensive-fee-management-dashboard-1773131821739-fdd9d4d5.png"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkLg4rroTBiyeEKem2OhQFuzv4/a-comprehensive-fee-management-dashboard-1773131821739-fdd9d4d5.png?_wi=1"},
               items: [
                 { icon: CreditCard, text: "UPI payment integration" },
                 { icon: FileCheck, text: "Automated invoicing" },