Update src/app/ai-friend/page.tsx

src/app/ai-friend/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function AiFriendPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="fluid"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "AI Friend", id: "/ai-friend" },
+          ]}
+          brandName="UniAsk"
+        />
+        <HeroSplit
+          background={{ variant: "gradient-bars" }}
+          title="Meet Your Personal AI Study Friend"
+          description="Your 24/7 intelligent companion designed to help you tackle assignments, explain complex topics, and keep you organized throughout your university journey."
+          buttons={[{ text: "Start Chatting", href: "#features" }]}
+          imageSrc="http://img.b2bpic.net/free-photo/robot-hand-holding-pen-near-notebook_23-2149175230.jpg"
+        />
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            title="How Your AI Friend Helps"
+            description="From complex problem solving to daily planning, your AI companion is here to assist."
+            animationType="slide-up"
+            features={[
+              { id: "1", title: "Instant Explanations", subtitle: "Topic Deep Dives", category: "Academic", value: "Quick" },
+              { id: "2", title: "Study Scheduling", subtitle: "Task Management", category: "Productivity", value: "Smart" },
+              { id: "3", title: "Summarize Notes", subtitle: "Rapid Review", category: "Academic", value: "Accurate" },
+              { id: "4", title: "Practice Quizzes", subtitle: "Exam Prep", category: "Learning", value: "Adaptive" },
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={true}
+          />
+        </div>
+        <ContactCenter
+            tag="Get Started"
+            title="Ready to Chat?"
+            description="Sign up today to activate your personal AI friend and transform your study habits."
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
+        />
+        <FooterBase
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "/#about" }, { label: "Blog", href: "/#blog" }] },
+            { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] },
+          ]}
+          logoText="UniAsk"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,22 +32,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "FAQ", id: "#faq" },
+        { name: "Metrics", id: "#metrics" },
+        { name: "Blog", id: "#blog" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="UniAsk"
     />
@@ -56,62 +47,34 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Empowering Every Student to Succeed Together"
       description="Get quick, reliable answers from your peers and mentors. UniAsk connects you to the collective knowledge of your university campus."
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-students-with-devices_23-2149127090.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-student-happy-be-back-university_23-2148586557.jpg",
-          alt: "Student 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-student-happy-be-back-university_23-2148586557.jpg",          alt: "Student 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-afro-male-student-holding-books-hand-standing-against-university-building_23-2148093207.jpg",
-          alt: "Student 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-afro-male-student-holding-books-hand-standing-against-university-building_23-2148093207.jpg",          alt: "Student 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-student-campus_23-2148586535.jpg",
-          alt: "Student 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-student-campus_23-2148586535.jpg",          alt: "Student 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg",
-          alt: "Student 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg",          alt: "Student 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
-          alt: "Student 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",          alt: "Student 5"},
       ]}
       avatarText="Join 10,000+ peers today"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Biology",
-        },
-        {
-          type: "text",
-          text: "Computer Science",
-        },
-        {
-          type: "text",
-          text: "Engineering",
-        },
-        {
-          type: "text",
-          text: "Arts & Design",
-        },
-        {
-          type: "text",
-          text: "Business Studies",
-        },
+        { type: "text", text: "Biology" },
+        { type: "text", text: "Computer Science" },
+        { type: "text", text: "Engineering" },
+        { type: "text", text: "Arts & Design" },
+        { type: "text", text: "Business Studies" },
       ]}
     />
   </div>
@@ -120,19 +83,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Built for ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/online-job-search-website-worker-search-job-opportunities_169016-39903.jpg",
-          alt: "UniAsk About",
-        },
-        {
-          type: "text",
-          content: " Student Success",
-        },
+        { type: "text", content: "Built for " },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/online-job-search-website-worker-search-job-opportunities_169016-39903.jpg", alt: "UniAsk About" },
+        { type: "text", content: " Student Success" },
       ]}
     />
   </div>
@@ -143,31 +96,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          icon: BookOpen,
-          title: "Knowledge Base",
-          description: "Search through a massive database of verified student answers.",
-        },
-        {
-          icon: Users,
-          title: "Peer Mentorship",
-          description: "Connect with experienced students who have been in your shoes.",
-        },
-        {
-          icon: Zap,
-          title: "Instant Answers",
-          description: "Get help fast when deadlines are approaching.",
-        },
-        {
-          icon: MessageCircle,
-          title: "Campus Forums",
-          description: "Engage in meaningful academic discussions with your colleagues.",
-        },
-        {
-          icon: FileText,
-          title: "Notes Library",
-          description: "Access and share high-quality lecture notes and summaries.",
-        },
+        { icon: BookOpen, title: "Knowledge Base", description: "Search through a massive database of verified student answers." },
+        { icon: Users, title: "Peer Mentorship", description: "Connect with experienced students who have been in your shoes." },
+        { icon: Zap, title: "Instant Answers", description: "Get help fast when deadlines are approaching." },
+        { icon: MessageCircle, title: "Campus Forums", description: "Engage in meaningful academic discussions with your colleagues." },
+        { icon: FileText, title: "Notes Library", description: "Access and share high-quality lecture notes and summaries." },
       ]}
       title="Why Students Love UniAsk"
       description="Discover features designed to make university life easier."
@@ -180,60 +113,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Biology Student",
-          company: "University A",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-student-smiling_23-2148586538.jpg",
-        },
-        {
-          id: "2",
-          name: "Mike D.",
-          role: "CS Major",
-          company: "University B",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg",
-        },
-        {
-          id: "3",
-          name: "Emma W.",
-          role: "Arts Student",
-          company: "University C",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Engineering",
-          company: "University D",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg",
-        },
-        {
-          id: "5",
-          name: "Chloe L.",
-          role: "Business",
-          company: "University E",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-young-traveller_23-2148570581.jpg",
-        },
+        { id: "1", name: "Sarah J.", role: "Biology Student", company: "University A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-student-smiling_23-2148586538.jpg" },
+        { id: "2", name: "Mike D.", role: "CS Major", company: "University B", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg" },
+        { id: "3", name: "Emma W.", role: "Arts Student", company: "University C", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "10k+",
-          label: "Active Students",
-        },
-        {
-          value: "50k+",
-          label: "Questions Resolved",
-        },
-        {
-          value: "95%",
-          label: "Success Rate",
-        },
+        { value: "10k+", label: "Active Students" },
+        { value: "50k+", label: "Questions Resolved" },
+        { value: "95%", label: "Success Rate" },
       ]}
       title="Join Thousands of Happy Students"
       description="Hear what our growing community says about us."
@@ -245,31 +132,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Is it free to join?",
-          content: "Yes, UniAsk is completely free for all verified university students.",
-        },
-        {
-          id: "f2",
-          title: "How do I verify my account?",
-          content: "Simply use your university email address during sign up.",
-        },
-        {
-          id: "f3",
-          title: "Can I share my notes?",
-          content: "Yes, we encourage students to share their verified lecture notes.",
-        },
-        {
-          id: "f4",
-          title: "Is my data private?",
-          content: "We prioritize your privacy and never share personal information with third parties.",
-        },
-        {
-          id: "f5",
-          title: "How can I become a mentor?",
-          content: "Reach out to your department head or apply via your user dashboard.",
-        },
+        { id: "f1", title: "Is it free to join?", content: "Yes, UniAsk is completely free for all verified university students." },
+        { id: "f2", title: "How do I verify my account?", content: "Simply use your university email address during sign up." },
+        { id: "f3", title: "Can I share my notes?", content: "Yes, we encourage students to share their verified lecture notes." },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about UniAsk."
@@ -283,27 +148,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "University Campuses",
-          description: "Across the globe",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-laptop-with-book-screen-illustration-online-education-course-knowledge-concept_126523-2677.jpg",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Support Availability",
-          description: "Always there for you",
-          imageSrc: "http://img.b2bpic.net/free-vector/online-education-icons-set_1284-6139.jpg",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Student Focused",
-          description: "Pure community driven",
-          imageSrc: "http://img.b2bpic.net/free-vector/quick-tips-badge-collection_23-2147895525.jpg",
-        },
+        { id: "m1", value: "150+", title: "University Campuses", description: "Across the globe", imageSrc: "http://img.b2bpic.net/free-vector/flat-laptop-with-book-screen-illustration-online-education-course-knowledge-concept_126523-2677.jpg" },
+        { id: "m2", value: "24/7", title: "Support Availability", description: "Always there for you", imageSrc: "http://img.b2bpic.net/free-vector/online-education-icons-set_1284-6139.jpg" },
       ]}
       title="Our Global Impact"
       description="UniAsk is helping students across the globe."
@@ -318,36 +164,7 @@ export default function LandingPage() {
       title="Latest Campus Insights"
       description="Read our latest articles to improve your study routine."
       blogs={[
-        {
-          id: "b1",
-          category: "Tips",
-          title: "Mastering Finals",
-          excerpt: "Top tips for success during the exam season.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-bench-park-studying_23-2147657217.jpg",
-          authorName: "Jane Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844668.jpg",
-          date: "Oct 12, 2024",
-        },
-        {
-          id: "b2",
-          category: "Guides",
-          title: "Best Study Apps",
-          excerpt: "Tools to keep your grades high this semester.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-students-working-project-together_23-2147656328.jpg",
-          authorName: "John Smith",
-          authorAvatar: "http://img.b2bpic.net/free-photo/teenage-student-glasses-sitting-table-reading-book_23-2148166294.jpg",
-          date: "Oct 05, 2024",
-        },
-        {
-          id: "b3",
-          category: "Lifestyle",
-          title: "Campus Life",
-          excerpt: "How to balance social and study life effectively.",
-          imageSrc: "http://img.b2bpic.net/free-photo/scholar-paying-attention-online-class-webinar-via-video-conferencing_482257-123192.jpg",
-          authorName: "Alice Wong",
-          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg",
-          date: "Sep 28, 2024",
-        },
+        { id: "b1", category: "Tips", title: "Mastering Finals", excerpt: "Top tips for success during the exam season.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-bench-park-studying_23-2147657217.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844668.jpg", date: "Oct 12, 2024" },
       ]}
     />
   </div>
@@ -355,9 +172,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Join Today"
       title="Start Your UniAsk Journey"
       description="Sign up with your university email to join the community."
@@ -367,32 +182,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Blog",
-              href: "#blog",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#blog" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
       ]}
       logoText="UniAsk"
     />
@@ -400,4 +191,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}