Merge version_2 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -2,18 +2,29 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
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 { lazy, Suspense, useEffect } from "react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
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() {
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -31,33 +42,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Faculty", id: "#about"},
|
||||
{
|
||||
name: "Course", id: "#features"},
|
||||
{
|
||||
name: "Success", id: "#results"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{ name: "Faculty", id: "#about" },
|
||||
{ name: "Course", id: "#features" },
|
||||
{ name: "Success", id: "#results" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
]}
|
||||
brandName="Vijaya Sarathy"
|
||||
button={{
|
||||
text: "Get Demo", href: "#contact"}}
|
||||
button={{ text: "Get Demo", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now", href: "#pricing"},
|
||||
{
|
||||
text: "Get Free Demo", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Join Now", href: "#pricing" }, { text: "Get Free Demo", href: "#contact" }]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-with-laptop_23-2149130530.jpg"
|
||||
imageAlt="UPSC Anthropology Study Environment"
|
||||
@@ -65,140 +65,98 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Expert Faculty"
|
||||
title="Vijaya Sarathy Sir"
|
||||
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."
|
||||
subdescription="Formerly associated with industry leaders like Unacademy and IASbaba, Sir brings an unmatched depth to anthropology."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={GraduationCap}
|
||||
/>
|
||||
</div>
|
||||
<Suspense fallback={<div className="h-96" />}>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Expert Faculty"
|
||||
title="Vijaya Sarathy Sir"
|
||||
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."
|
||||
subdescription="Formerly associated with industry leaders like Unacademy and IASbaba, Sir brings an unmatched depth to anthropology."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={GraduationCap}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: 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"},
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
title="Proven Success System"
|
||||
description="Everything you need to conquer anthropology optional."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Proven Success System"
|
||||
description="Everything you need to conquer anthropology optional."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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,
|
||||
},
|
||||
]}
|
||||
title="Consistent Results"
|
||||
description="Proven track record built over two decades of excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="results" data-section="results">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ 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 },
|
||||
]}
|
||||
title="Consistent Results"
|
||||
description="Proven track record built over two decades of excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
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."
|
||||
rating={5}
|
||||
author="Anjali V., Rank 42"
|
||||
avatars={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
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."
|
||||
rating={5}
|
||||
author="Anjali V., Rank 42"
|
||||
avatars={[{ 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">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clearing all your doubts about the Anthropology optional."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ 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." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clearing all your doubts about the Anthropology optional."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to secure your top rank in UPSC Anthropology? Join the masterclass today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now", href: "#pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to secure your top rank in UPSC Anthropology? Join the masterclass today."
|
||||
buttons={[{ text: "Enroll Now", href: "#pricing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Sir", href: "#about"},
|
||||
{
|
||||
label: "Course Syllabus", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Vijaya Sarathy Anthropology"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Sir", href: "#about" }, { label: "Course Syllabus", href: "#features" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Vijaya Sarathy Anthropology"
|
||||
/>
|
||||
</div>
|
||||
</Suspense>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user