Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| afce81e3fc | |||
| 3336d9fdf8 | |||
| 3ca9ef0699 | |||
| d4a329b244 | |||
| b36cd51d17 | |||
| c133cd164a |
319
src/app/page.tsx
319
src/app/page.tsx
@@ -3,14 +3,9 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,298 +26,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" }
|
||||
]}
|
||||
brandName="HomeworkPro"
|
||||
brandName="PhotoStudio"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Master Your Homework with HomeworkPro"
|
||||
description="The ultimate companion for students. Organize your assignments, track your progress, and excel in every subject effortlessly."
|
||||
variant: "gradient-bars"}}
|
||||
title="Capturing Timeless Moments"
|
||||
description="Professional photography services to turn your special moments into lifelong memories. From portraits to event coverage, we focus on what matters."
|
||||
kpis={[
|
||||
{
|
||||
value: "100k+",
|
||||
label: "Active Students",
|
||||
},
|
||||
value: "500+", label: "Sessions"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Grade Improvement",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Schools Trusted",
|
||||
},
|
||||
value: "10yrs", label: "Experience"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Session", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/distance-learning-online-webpage-interface_53876-167095.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CnFHIiYFeRIc7jx3oU5akRpo8J/uploaded-1777013445201-tiexghzg.png"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-jacket-carries-bag-holds-paper-cup-coffee-enjoys-aromatic-beverage-looks-away-with-cheerful-expression-strolls-city-has-spare-time-lifestyle-concept_273609-59922.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-african-american-female-student-smiling-pleased-showing-okay-sign-like-something-good-standing-yellow-background_1258-63379.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-tender-feminine-kind-redhead-woman-blue-eyes-pointing-thumb-left-showing-location-where_1258-228600.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-her-hands-her-chin-white-background_176474-114550.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 100k+ students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered Planning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Data",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Reminders",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Grade Analytics",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Smart Assignment Tracking",
|
||||
description: "Never miss a deadline again with our intelligent automated reminders.",
|
||||
tag: "Productivity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062195.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Interactive Study Calendar",
|
||||
description: "Visualise your study schedule and balance your workload easily.",
|
||||
tag: "Planning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-132201.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Performance Analytics",
|
||||
description: "Track your progress across subjects with insightful, detailed charts.",
|
||||
tag: "Insights",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-associates-reviewing-key-performance-indicators-within-enterprise_482257-107545.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose HomeworkPro?"
|
||||
description="Everything you need to stay organized and perform better."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Impact at Scale"
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.5M",
|
||||
description: "Assignments completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40hrs",
|
||||
description: "Weekly study saved",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150k",
|
||||
description: "Study plans created",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Assignment Manager",
|
||||
price: "Free",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-holding-textbooks-texting-mates-phone-close-up-studio-background_482257-97642.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Grade Analytics Pro",
|
||||
price: "$9/mo",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-analyzing-data-charts-files-computer-plan-financial-project-business-woman-wokring-with-documents-design-marketing-strategy-company-development_482257-33674.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Group Study Hub",
|
||||
price: "$12/mo",
|
||||
variant: "Collab",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-people-with-supplies_23-2149001190.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tutor Connect",
|
||||
price: "$29/mo",
|
||||
variant: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-graphic-designer-using-digital-tablet-pen-tool-draw-does-home-assignment_1258-196089.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "AI Study Assistant",
|
||||
price: "$15/mo",
|
||||
variant: "AI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062201.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Academy Pack",
|
||||
price: "$49/mo",
|
||||
variant: "Ultimate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bullet-journals-arrangement_23-2149740092.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Study Tools"
|
||||
description="Choose the right resources for your academic needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Life Saver",
|
||||
quote: "HomeworkPro completely changed how I manage my studies.",
|
||||
name: "Alex J.",
|
||||
role: "University Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-portrait-fashionable-happy-dark-skinned-guy-holding-backpack-coffee-while-walking-city-smiling-looking-aside-being-good-mood_176420-19830.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Highly Effective",
|
||||
quote: "The grade tracking system is a game changer for me.",
|
||||
name: "Sarah K.",
|
||||
role: "High School Senior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Loved the Calendar",
|
||||
quote: "I never miss a deadline thanks to the automated reminders.",
|
||||
name: "Ben M.",
|
||||
role: "Graduate Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13229.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Essential Tool",
|
||||
quote: "Every student needs this application. Simply brilliant.",
|
||||
name: "Maya L.",
|
||||
role: "College Junior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Organized Now",
|
||||
quote: "I'm finally on top of all my subjects. Thank you!",
|
||||
name: "Sam R.",
|
||||
role: "Freshman",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-confident-pleasant-redhead-woman-helpfully-look-camera-smiling-joyfully-have-conversation-c_1258-141694.jpg",
|
||||
},
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Join thousands of students who have transformed their academic lives."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is HomeworkPro free?",
|
||||
content: "Yes, we offer a robust free plan with essential features.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I use it on mobile?",
|
||||
content: "Absolutely, HomeworkPro is fully responsive and mobile-friendly.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How does data tracking work?",
|
||||
content: "We sync across your devices to give you seamless updates.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to help you get started with our app."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -330,39 +64,32 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Succeed?"
|
||||
description="Join HomeworkPro today and take control of your academic future."
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect"
|
||||
title="Let's Create Together"
|
||||
description="Ready to book your session or have a question? I'd love to hear from you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Session", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="HomeworkPro"
|
||||
copyrightText="© 2025 HomeworkPro. All rights reserved."
|
||||
logoText="PhotoStudio"
|
||||
copyrightText="© 2025 PhotoStudio. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user