Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 62176c1b4f | |||
| 50cc5b39f8 |
266
src/app/page.tsx
266
src/app/page.tsx
@@ -2,18 +2,29 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import { lazy, Suspense, useEffect } from "react";
|
||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
||||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
||||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
||||||
import { Award, GraduationCap, TrendingUp, Users } from "lucide-react";
|
import { Award, GraduationCap, TrendingUp, Users } from "lucide-react";
|
||||||
|
|
||||||
|
const ContactText = lazy(() => import('@/components/sections/contact/ContactText'));
|
||||||
|
const FaqDouble = lazy(() => import('@/components/sections/faq/FaqDouble'));
|
||||||
|
const FeatureCardSeven = lazy(() => import('@/components/sections/feature/FeatureCardSeven'));
|
||||||
|
const FooterLogoEmphasis = lazy(() => import('@/components/sections/footer/FooterLogoEmphasis'));
|
||||||
|
const MetricCardOne = lazy(() => import('@/components/sections/metrics/MetricCardOne'));
|
||||||
|
const TestimonialAboutCard = lazy(() => import('@/components/sections/about/TestimonialAboutCard'));
|
||||||
|
const TestimonialCardFifteen = lazy(() => import('@/components/sections/testimonial/TestimonialCardFifteen'));
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
|
useEffect(() => {
|
||||||
|
const observer = new PerformanceObserver((list) => {
|
||||||
|
list.getEntries().forEach((entry) => {
|
||||||
|
console.log("Performance Metric:", entry.name, entry.startTime);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
observer.observe({ entryTypes: ["paint", "largest-contentful-paint", "layout-shift"] });
|
||||||
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="hover-magnetic"
|
||||||
@@ -31,33 +42,22 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Faculty", id: "#about" },
|
||||||
name: "Faculty", id: "#about"},
|
{ name: "Course", id: "#features" },
|
||||||
{
|
{ name: "Success", id: "#results" },
|
||||||
name: "Course", id: "#features"},
|
{ name: "Pricing", id: "#pricing" },
|
||||||
{
|
|
||||||
name: "Success", id: "#results"},
|
|
||||||
{
|
|
||||||
name: "Pricing", id: "#pricing"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Vijaya Sarathy"
|
brandName="Vijaya Sarathy"
|
||||||
button={{
|
button={{ text: "Get Demo", href: "#contact" }}
|
||||||
text: "Get Demo", href: "#contact"}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboardSplit
|
<HeroLogoBillboardSplit
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
logoText="Score 300+ in Anthropology Optional"
|
logoText="Score 300+ in Anthropology Optional"
|
||||||
description="Master anthropology with 24+ years of UPSC coaching expertise. A proven system to secure your top 100 rank with conceptual clarity and diagram-based learning."
|
description="Master anthropology with 24+ years of UPSC coaching expertise. A proven system to secure your top 100 rank with conceptual clarity and diagram-based learning."
|
||||||
buttons={[
|
buttons={[{ text: "Join Now", href: "#pricing" }, { text: "Get Free Demo", href: "#contact" }]}
|
||||||
{
|
|
||||||
text: "Join Now", href: "#pricing"},
|
|
||||||
{
|
|
||||||
text: "Get Free Demo", href: "#contact"},
|
|
||||||
]}
|
|
||||||
layoutOrder="default"
|
layoutOrder="default"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-with-laptop_23-2149130530.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-with-laptop_23-2149130530.jpg"
|
||||||
imageAlt="UPSC Anthropology Study Environment"
|
imageAlt="UPSC Anthropology Study Environment"
|
||||||
@@ -65,140 +65,98 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<Suspense fallback={<div className="h-96" />}>
|
||||||
<TestimonialAboutCard
|
<div id="about" data-section="about">
|
||||||
useInvertedBackground={false}
|
<TestimonialAboutCard
|
||||||
tag="Expert Faculty"
|
useInvertedBackground={false}
|
||||||
title="Vijaya Sarathy Sir"
|
tag="Expert Faculty"
|
||||||
description="With over 24 years of UPSC coaching experience and 10+ years of teaching anthropology, Vijaya Sarathy Sir has guided thousands to top ranks. His unique approach combines deep academic insight with UPSC-focused strategy."
|
title="Vijaya Sarathy Sir"
|
||||||
subdescription="Formerly associated with industry leaders like Unacademy and IASbaba, Sir brings an unmatched depth to anthropology."
|
description="With over 24 years of UPSC coaching experience and 10+ years of teaching anthropology, Vijaya Sarathy Sir has guided thousands to top ranks. His unique approach combines deep academic insight with UPSC-focused strategy."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg"
|
subdescription="Formerly associated with industry leaders like Unacademy and IASbaba, Sir brings an unmatched depth to anthropology."
|
||||||
mediaAnimation="slide-up"
|
imageSrc="http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg"
|
||||||
icon={GraduationCap}
|
mediaAnimation="slide-up"
|
||||||
/>
|
icon={GraduationCap}
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardSeven
|
<FeatureCardSeven
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: 1, title: "Complete Coverage", description: "Full Paper I & II mastery including Physical, Indian, and Applied Anthropology.", imageSrc: "http://img.b2bpic.net/free-vector/mental-health-logo-collection_23-2148857771.jpg" },
|
||||||
id: 1,
|
{ id: 2, title: "Answer Writing", description: "Structured daily practice with PYQ integration and rigorous paper evaluation.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-woman-reading-home_23-2150355614.jpg" },
|
||||||
title: "Complete Coverage", description: "Full Paper I & II mastery including Physical, Indian, and Applied Anthropology.", imageSrc: "http://img.b2bpic.net/free-vector/mental-health-logo-collection_23-2148857771.jpg"},
|
{ id: 3, title: "Personal Mentorship", description: "One-on-one strategy sessions to ensure concept clarity and retention.", imageSrc: "http://img.b2bpic.net/free-vector/digital-scientific-technology-banner-design_1055-8058.jpg" },
|
||||||
{
|
]}
|
||||||
id: 2,
|
title="Proven Success System"
|
||||||
title: "Answer Writing", description: "Structured daily practice with PYQ integration and rigorous paper evaluation.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-woman-reading-home_23-2150355614.jpg"},
|
description="Everything you need to conquer anthropology optional."
|
||||||
{
|
/>
|
||||||
id: 3,
|
</div>
|
||||||
title: "Personal Mentorship", description: "One-on-one strategy sessions to ensure concept clarity and retention.", imageSrc: "http://img.b2bpic.net/free-vector/digital-scientific-technology-banner-design_1055-8058.jpg"},
|
|
||||||
]}
|
|
||||||
title="Proven Success System"
|
|
||||||
description="Everything you need to conquer anthropology optional."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="results" data-section="results">
|
<div id="results" data-section="results">
|
||||||
<MetricCardOne
|
<MetricCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "24+", title: "Years Coaching", description: "Unmatched legacy", icon: Award },
|
||||||
id: "1", value: "24+", title: "Years Coaching", description: "Unmatched legacy", icon: Award,
|
{ id: "2", value: "1000+", title: "Students Trained", description: "Proven success", icon: Users },
|
||||||
},
|
{ id: "3", value: "300+", title: "Score Target", description: "Ranker's standard", icon: TrendingUp },
|
||||||
{
|
]}
|
||||||
id: "2", value: "1000+", title: "Students Trained", description: "Proven success", icon: Users,
|
title="Consistent Results"
|
||||||
},
|
description="Proven track record built over two decades of excellence."
|
||||||
{
|
/>
|
||||||
id: "3", value: "300+", title: "Score Target", description: "Ranker's standard", icon: TrendingUp,
|
</div>
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Consistent Results"
|
|
||||||
description="Proven track record built over two decades of excellence."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonial" data-section="testimonial">
|
<div id="testimonial" data-section="testimonial">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonial="Sarathy Sir's anthropology classes transformed my optional preparation. The diagram-based learning made complex topics incredibly easy to memorize and recall."
|
testimonial="Sarathy Sir's anthropology classes transformed my optional preparation. The diagram-based learning made complex topics incredibly easy to memorize and recall."
|
||||||
rating={5}
|
rating={5}
|
||||||
author="Anjali V., Rank 42"
|
author="Anjali V., Rank 42"
|
||||||
avatars={[
|
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg", alt: "Student Result" }]}
|
||||||
{
|
ratingAnimation="slide-up"
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg", alt: "Student Result"},
|
avatarsAnimation="slide-up"
|
||||||
{
|
/>
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg", alt: "Student Result"},
|
</div>
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg", alt: "Student Result"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg", alt: "Student Result"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg", alt: "Student Result"},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqDouble
|
<FaqDouble
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "Is Anthropology scoring?", content: "Yes, it is highly scoring due to its scientific nature and short, predictable syllabus." },
|
||||||
id: "f1", title: "Is Anthropology scoring?", content: "Yes, it is highly scoring due to its scientific nature and short, predictable syllabus."},
|
{ id: "f2", title: "Is this course for beginners?", content: "Absolutely. Our course starts from the absolute basics, making it perfect for beginners." },
|
||||||
{
|
{ id: "f3", title: "How is answer writing evaluated?", content: "Every answer you submit is corrected with personalized feedback to help you improve your score." },
|
||||||
id: "f2", title: "Is this course for beginners?", content: "Absolutely. Our course starts from the absolute basics, making it perfect for beginners."},
|
]}
|
||||||
{
|
title="Frequently Asked Questions"
|
||||||
id: "f3", title: "How is answer writing evaluated?", content: "Every answer you submit is corrected with personalized feedback to help you improve your score."},
|
description="Clearing all your doubts about the Anthropology optional."
|
||||||
]}
|
faqsAnimation="blur-reveal"
|
||||||
title="Frequently Asked Questions"
|
/>
|
||||||
description="Clearing all your doubts about the Anthropology optional."
|
</div>
|
||||||
faqsAnimation="blur-reveal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
text="Ready to secure your top rank in UPSC Anthropology? Join the masterclass today."
|
||||||
text="Ready to secure your top rank in UPSC Anthropology? Join the masterclass today."
|
buttons={[{ text: "Enroll Now", href: "#pricing" }]}
|
||||||
buttons={[
|
/>
|
||||||
{
|
</div>
|
||||||
text: "Enroll Now", href: "#pricing"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "About Sir", href: "#about" }, { label: "Course Syllabus", href: "#features" }] },
|
||||||
items: [
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||||
{
|
]}
|
||||||
label: "About Sir", href: "#about"},
|
logoText="Vijaya Sarathy Anthropology"
|
||||||
{
|
/>
|
||||||
label: "Course Syllabus", href: "#features"},
|
</div>
|
||||||
],
|
</Suspense>
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Terms of Service", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="Vijaya Sarathy Anthropology"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user