Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -8,7 +8,8 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { Star, MapPin } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,6 +32,7 @@ export default function LandingPage() {
             { name: "Home", id: "hero" },
             { name: "Tutoring", id: "services" },
             { name: "High School Credit", id: "about" },
+            { name: "Team", id: "team" },
             { name: "FAQ", id: "faq" },
             { name: "Contact", id: "contact" }
           ]}
@@ -38,23 +40,46 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <div className="relative">
-          title="Personalized One-on-One Tutoring"
+          <HeroSplit
-          description="Supporting Ontario high school students in Math, Science, English, and High School Credit courses for over 20 years. Expert instruction tailored to each student's unique learning style."
+            title="Personalized One-on-One Tutoring"
-          background={{ variant: "plain" }}
+            description="Supporting Ontario high school students in Math, Science, English, and High School Credit courses for over 20 years. Expert instruction tailored to each student's unique learning style."
-          tag="Toronto's Trusted Tutoring Centre"
+            background={{ variant: "plain" }}
-          tagAnimation="none"
+            tag="Toronto's Trusted Tutoring Centre"
-          buttons={[
+            tagAnimation="none"
-            { text: "Book a Consultation", href: "contact" },
+            buttons={[
-            { text: "View Tutoring Options", href: "services" }
+              { text: "Book a Consultation", href: "contact" },
-          ]}
+              { text: "View Tutoring Options", href: "services" }
-          buttonAnimation="none"
+            ]}
-          imageSrc="http://img.b2bpic.net/free-photo/close-up-good-looking-young-dark-skinned-perspective-entrepreneur-looking-digital-tablet-looking-information-about-team-project-friend-meeting-library_176420-8281.jpg"
+            buttonAnimation="none"
-          imageAlt="Students engaged in focused tutoring session"
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-good-looking-young-dark-skinned-perspective-entrepreneur-looking-digital-tablet-looking-information-about-team-project-friend-meeting-library_176420-8281.jpg"
-          mediaAnimation="none"
+            imageAlt="Students engaged in focused tutoring session"
-          imagePosition="right"
+            mediaAnimation="none"
-          fixedMediaHeight={true}
+            imagePosition="right"
-        />
+            fixedMediaHeight={true}
+          />
+          
+          {/* Floating information boxes */}
+          <div className="absolute top-24 left-8 bg-white/90 backdrop-blur-sm rounded-lg p-4 shadow-lg border border-gray-200 max-w-xs">
+            <div className="flex items-center gap-3 mb-2">
+              <div className="flex items-center">
+                {[...Array(5)].map((_, i) => (
+                  <Star key={i} size={16} className="fill-yellow-400 text-yellow-400" />
+                ))}
+              </div>
+              <span className="text-sm font-semibold text-gray-800">4.9/5</span>
+            </div>
+            <p className="text-xs text-gray-600">Trusted by 500+ families</p>
+          </div>
+          
+          <div className="absolute bottom-32 right-8 bg-white/90 backdrop-blur-sm rounded-lg p-4 shadow-lg border border-gray-200 max-w-xs">
+            <div className="flex items-center gap-2 mb-2">
+              <MapPin size={16} className="text-green-600" />
+              <span className="text-sm font-semibold text-gray-800">Toronto, ON</span>
+            </div>
+            <p className="text-xs text-gray-600">2250A Bloor Street West</p>
+          </div>
+        </div>
       </div>
 
       <div id="services" data-section="services">
@@ -205,10 +230,35 @@ export default function LandingPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterBase
           logoText="High Park Academy"
           copyrightText="© 2025 High Park Academy | Serving Toronto students since 2004"
-          socialLinks={[]}
+          columns={[
+            {
+              title: "About",              items: [
+                { label: "Our Mission", href: "#" },
+                { label: "Our Team", href: "#" },
+                { label: "Testimonials", href: "#" },
+                { label: "Blog", href: "#" }
+              ]
+            },
+            {
+              title: "Services",              items: [
+                { label: "One-on-One Tutoring", href: "services" },
+                { label: "High School Credits", href: "about" },
+                { label: "Summer Programs", href: "#" },
+                { label: "Test Prep", href: "#" }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Email Us", href: "#" },
+                { label: "Phone", href: "#" },
+                { label: "Location", href: "#" },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            }
+          ]}
         />
       </div>
     </ThemeProvider>