Update src/app/page.tsx

This commit is contained in:
2026-03-03 22:34:09 +00:00
parent e14362cd96
commit 64ae83d5ca

View File

@@ -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 (
@@ -39,23 +40,46 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroSplit
title="Personalized One-on-One Tutoring"
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."
background={{ variant: "plain" }}
tag="Toronto's Trusted Tutoring Centre"
tagAnimation="none"
buttons={[
{ 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"
imageAlt="Students engaged in focused tutoring session"
mediaAnimation="none"
imagePosition="right"
fixedMediaHeight={true}
/>
<div className="relative">
<HeroSplit
title="Personalized One-on-One Tutoring"
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."
background={{ variant: "plain" }}
tag="Toronto's Trusted Tutoring Centre"
tagAnimation="none"
buttons={[
{ 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"
imageAlt="Students engaged in focused tutoring session"
mediaAnimation="none"
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">
@@ -206,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>