Update src/app/page.tsx
This commit is contained in:
409
src/app/page.tsx
409
src/app/page.tsx
@@ -14,289 +14,148 @@ import { BookOpen, Building2, CheckCircle, FileText, Globe, Headphones } from "l
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#blog",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
]}
|
||||
brandName="EasyLearn"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Blog", id: "#blog" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="EasyLearn"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Complete Assistance for Study Abroad and Visa Needs"
|
||||
description="Simplify your path to studying and working abroad with our expert support. We assist with university selection, applications, and visa processing."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-cheerful-young-caucasian-woman-strolls-across-city-with-small-rucksack-wears-yellow-headband-denim-jacket_273609-26955.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/she-loves-so-much-university-life_329181-2989.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-male-student-dark-shirt-wearing-yellow-backpack-flexing-blue-wall_140725-42341.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/irritated-young-student-girl-wearing-bandana-backpack-putting-glasses-her-blouse-keeping-fists-air-holding-open-note-pad-her-head-with-closed-eyes-isolated-blue-background_141793-139803.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-graduated-student_23-2148522255.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ Students"
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Visa Expertise",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Universities",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Document Legalization",
|
||||
icon: FileText,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "IELTS/TOEFL Prep",
|
||||
icon: BookOpen,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Complete Assistance for Study Abroad and Visa Needs"
|
||||
description="Simplify your path to studying and working abroad with our expert support. We assist with university selection, applications, and visa processing."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/cropped-image-cheerful-young-caucasian-woman-strolls-across-city-with-small-rucksack-wears-yellow-headband-denim-jacket_273609-26955.jpg", alt: "Student" },
|
||||
{ src: "http://img.b2bpic.net/she-loves-so-much-university-life_329181-2989.jpg", alt: "Student" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-male-student-dark-shirt-wearing-yellow-backpack-flexing-blue-wall_140725-42341.jpg", alt: "Student" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/irritated-young-student-girl-wearing-bandana-backpack-putting-glasses-her-blouse-keeping-fists-air-holding-open-note-pad-her-head-with-closed-eyes-isolated-blue-background_141793-139803.jpg", alt: "Student" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-graduated-student_23-2148522255.jpg", alt: "Student" },
|
||||
]}
|
||||
avatarText="Trusted by 1000+ Students"
|
||||
buttons={[
|
||||
{ text: "Apply Today", href: "#contact" },
|
||||
{ text: "Learn More", href: "#services" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Visa Expertise", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Global Universities", icon: Globe },
|
||||
{ type: "text-icon", text: "Document Legalization", icon: FileText },
|
||||
{ type: "text-icon", text: "IELTS/TOEFL Prep", icon: BookOpen },
|
||||
{ type: "text-icon", text: "24/7 Support", icon: Headphones },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Visa Support",
|
||||
description: "Expert guidance through eligibility checks, document preparation, and embassy procedures to simplify your visa application process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-card-passports-arrangement-view_23-2149828134.jpg",
|
||||
},
|
||||
{
|
||||
title: "Academic Certificates",
|
||||
description: "Prepare for global opportunities with recognized certifications including IELTS, TOEFL, TESOL, and TEFL.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/education-diploma-certificate-front-view_23-2148769641.jpg",
|
||||
},
|
||||
{
|
||||
title: "Authentication & Apostille",
|
||||
description: "We handle legalization, notarization, and apostille of academic and legal documents to ensure they meet global requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-casually-uses-cellular-sends-text-messages-holds-notepads-smiles-happily-has-good-mood-poses-outside_273609-55240.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We assist individuals and businesses in obtaining work, study, and business visas worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Visa Support", description: "Expert guidance through eligibility checks, document preparation, and embassy procedures to simplify your visa application process.", imageSrc: "http://img.b2bpic.net/free-photo/green-card-passports-arrangement-view_23-2149828134.jpg" },
|
||||
{ title: "Academic Certificates", description: "Prepare for global opportunities with recognized certifications including IELTS, TOEFL, TESOL, and TEFL.", imageSrc: "http://img.b2bpic.net/free-photo/education-diploma-certificate-front-view_23-2148769641.jpg" },
|
||||
{ title: "Authentication & Apostille", description: "We handle legalization, notarization, and apostille of academic and legal documents to ensure they meet global requirements.", imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-casually-uses-cellular-sends-text-messages-holds-notepads-smiles-happily-has-good-mood-poses-outside_273609-55240.jpg" },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We assist individuals and businesses in obtaining work, study, and business visas worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Verified Online",
|
||||
description: "100% online verified degree programs available",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Universities",
|
||||
description: "Partnerships worldwide",
|
||||
icon: Building2,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Dedicated assistance every step of the way",
|
||||
icon: Headphones,
|
||||
},
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="Helping students and professionals achieve their dreams through global education and work opportunities."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Verified Online", description: "100% online verified degree programs available", icon: CheckCircle },
|
||||
{ id: "m2", value: "500+", title: "Universities", description: "Partnerships worldwide", icon: Building2 },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Dedicated assistance every step of the way", icon: Headphones },
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="Helping students and professionals achieve their dreams through global education and work opportunities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Daniel Kho",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-cheerful-young-caucasian-woman-strolls-across-city-with-small-rucksack-wears-yellow-headband-denim-jacket_273609-26955.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Helen Smorr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/she-loves-so-much-university-life_329181-2989.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Riv",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-student-dark-shirt-wearing-yellow-backpack-flexing-blue-wall_140725-42341.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/irritated-young-student-girl-wearing-bandana-backpack-putting-glasses-her-blouse-keeping-fists-air-holding-open-note-pad-her-head-with-closed-eyes-isolated-blue-background_141793-139803.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark O'Neil",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-graduated-student_23-2148522255.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Student Success Stories"
|
||||
cardTag="Feedback"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Daniel Kho", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-cheerful-young-caucasian-woman-strolls-across-city-with-small-rucksack-wears-yellow-headband-denim-jacket_273609-26955.jpg" },
|
||||
{ id: "t2", name: "Helen Smorr", imageSrc: "http://img.b2bpic.net/she-loves-so-much-university-life_329181-2989.jpg" },
|
||||
{ id: "t3", name: "Alex Riv", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-student-dark-shirt-wearing-yellow-backpack-flexing-blue-wall_140725-42341.jpg" },
|
||||
{ id: "t4", name: "Sarah Lee", imageSrc: "http://img.b2bpic.net/free-photo/irritated-young-student-girl-wearing-bandana-backpack-putting-glasses-her-blouse-keeping-fists-air-holding-open-note-pad-her-head-with-closed-eyes-isolated-blue-background_141793-139803.jpg" },
|
||||
{ id: "t5", name: "Mark O'Neil", imageSrc: "http://img.b2bpic.net/free-photo/portrait-graduated-student_23-2148522255.jpg" },
|
||||
]}
|
||||
cardTitle="Student Success Stories"
|
||||
cardTag="Feedback"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Need Assistance?"
|
||||
description="Submit a support request and our experts will reach out to you shortly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/love-icon-man-holding-kiss-emoji-near-her-girlfriend-using-smartphone_23-2147849459.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Need Assistance?"
|
||||
description="Submit a support request and our experts will reach out to you shortly."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/love-icon-man-holding-kiss-emoji-near-her-girlfriend-using-smartphone_23-2147849459.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/love-icon-man-holding-kiss-emoji-near-her-girlfriend-using-smartphone_23-2147849459.jpg?_wi=2"
|
||||
logoText="EasyLearn"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Visa Help",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Scholarship Guidance",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Study Abroad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Destinations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help & Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Website T&Cs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Refund Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/love-icon-man-holding-kiss-emoji-near-her-girlfriend-using-smartphone_23-2147849459.jpg"
|
||||
logoText="EasyLearn"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Visa Help", href: "#" },
|
||||
{ label: "Scholarship Guidance", href: "#" },
|
||||
{ label: "Study Abroad", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Destinations", href: "#" },
|
||||
{ label: "Help & Support", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Website T&Cs", href: "#" },
|
||||
{ label: "Refund Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user