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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
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 FooterCard from '@/components/sections/footer/FooterCard';
|
||||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
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";
|
import { Instagram, Twitter } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -31,298 +26,37 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Portfolio", id: "portfolio" },
|
||||||
name: "Features",
|
{ name: "Pricing", id: "pricing" },
|
||||||
id: "#features",
|
{ name: "About", id: "about" }
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Metrics",
|
|
||||||
id: "#metrics",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Plans",
|
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="HomeworkPro"
|
brandName="PhotoStudio"
|
||||||
button={{
|
button={{
|
||||||
text: "Get Started",
|
text: "Contact", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
title="Capturing Timeless Moments"
|
||||||
title="Master Your Homework with HomeworkPro"
|
description="Professional photography services to turn your special moments into lifelong memories. From portraits to event coverage, we focus on what matters."
|
||||||
description="The ultimate companion for students. Organize your assignments, track your progress, and excel in every subject effortlessly."
|
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "100k+",
|
value: "500+", label: "Sessions"},
|
||||||
label: "Active Students",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "95%",
|
value: "100%", label: "Satisfaction"},
|
||||||
label: "Grade Improvement",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "500+",
|
value: "10yrs", label: "Experience"},
|
||||||
label: "Schools Trusted",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Book a Session", href: "#contact"},
|
||||||
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"
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -330,39 +64,32 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
tag="Connect"
|
||||||
tag="Get Started"
|
title="Let's Create Together"
|
||||||
title="Ready to Succeed?"
|
description="Ready to book your session or have a question? I'd love to hear from you."
|
||||||
description="Join HomeworkPro today and take control of your academic future."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Support",
|
text: "Book Your Session", href: "#"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="HomeworkPro"
|
logoText="PhotoStudio"
|
||||||
copyrightText="© 2025 HomeworkPro. All rights reserved."
|
copyrightText="© 2025 PhotoStudio. All rights reserved."
|
||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Twitter,
|
icon: Twitter,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Twitter"},
|
||||||
ariaLabel: "Twitter",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Instagram,
|
icon: Instagram,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Instagram"},
|
||||||
ariaLabel: "Instagram",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user