Merge version_2 into main #3
244
src/app/page.tsx
244
src/app/page.tsx
@@ -25,144 +25,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="CampusNav"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="CampusNav"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Find Your Way, Navigate Campus Instantly"
|
||||
description="Smart directions to any building, classroom, or campus service. Realtime updates on routes, events, and facility status—all in your pocket."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Navigating", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539711.jpg"
|
||||
imageAlt="Campus navigation interface"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-people-traveling-by-train_23-2150520181.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-suit-with-gloves-working-process-white-space_140725-83871.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ students"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Find Your Way, Navigate Campus Instantly"
|
||||
description="Smart directions to any building, classroom, or campus service. Realtime updates on routes, events, and facility status—all in your pocket."
|
||||
buttons={[{ text: "Start Navigating", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539711.jpg"
|
||||
imageAlt="Campus navigation interface"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-people-traveling-by-train_23-2150520181.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-suit-with-gloves-working-process-white-space_140725-83871.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ students"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Routing", description: "Get step-by-step guidance just like Google Maps, but specifically mapped for your campus buildings and rooms.", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877756.jpg", imageAlt: "Real-time routing map"},
|
||||
{
|
||||
title: "Student Confidence", description: "First-year students can find any classroom in seconds, eliminating anxiety and getting you to class on time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-young-couple-sitting-bridge-studying-together-university-campus_23-2148093365.jpg", imageAlt: "Students walking confident"},
|
||||
{
|
||||
title: "Faculty Efficiency", description: "Save time between sessions by knowing the fastest route across campus, even when schedules change.", imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252495.jpg", imageAlt: "Efficiency timer"},
|
||||
]}
|
||||
title="Built for Campus Mobility"
|
||||
description="Powerful tools to make navigating university life seamless and efficient for everyone."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Routing", description: "Get step-by-step guidance just like Google Maps, but specifically mapped for your campus buildings and rooms.", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877756.jpg", imageAlt: "Real-time routing map"
|
||||
},
|
||||
{
|
||||
title: "Student Confidence", description: "First-year students can find any classroom in seconds, eliminating anxiety and getting you to class on time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-young-couple-sitting-bridge-studying-together-university-campus_23-2148093365.jpg", imageAlt: "Students walking confident"
|
||||
},
|
||||
{
|
||||
title: "Faculty Efficiency", description: "Save time between sessions by knowing the fastest route across campus, even when schedules change.", imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252495.jpg", imageAlt: "Efficiency timer"
|
||||
},
|
||||
]}
|
||||
title="Built for Campus Mobility"
|
||||
description="Powerful tools to make navigating university life seamless and efficient for everyone."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", role: "Freshman", testimonial: "I never get lost anymore. This app saved me so much stress in my first week.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg"},
|
||||
{
|
||||
id: "2", name: "Prof. Alan M.", role: "Faculty", testimonial: "Makes transitioning between lecture halls so much faster. A vital tool.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg"},
|
||||
{
|
||||
id: "3", name: "David W.", role: "Visitor", testimonial: "The easiest way to find my way around for the open house event.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-traveling-by-train_23-2150520181.jpg"},
|
||||
{
|
||||
id: "4", name: "Emily K.", role: "Researcher", testimonial: "I can find labs and faculty offices I didn't even know existed!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-suit-with-gloves-working-process-white-space_140725-83871.jpg"},
|
||||
{
|
||||
id: "5", name: "Michael B.", role: "Senior", testimonial: "Wish I had this as a freshman. Absolutely essential for navigating.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg"},
|
||||
]}
|
||||
title="Trusted by the Campus Community"
|
||||
description="Hear from those who rely on us every day."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Freshman", testimonial: "I never get lost anymore. This app saved me so much stress in my first week.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg" },
|
||||
{ id: "2", name: "Prof. Alan M.", role: "Faculty", testimonial: "Makes transitioning between lecture halls so much faster. A vital tool.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg" },
|
||||
{ id: "3", name: "David W.", role: "Visitor", testimonial: "The easiest way to find my way around for the open house event.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-traveling-by-train_23-2150520181.jpg" },
|
||||
{ id: "4", name: "Emily K.", role: "Researcher", testimonial: "I can find labs and faculty offices I didn't even know existed!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-suit-with-gloves-working-process-white-space_140725-83871.jpg" },
|
||||
{ id: "5", name: "Michael B.", role: "Senior", testimonial: "Wish I had this as a freshman. Absolutely essential for navigating.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg" },
|
||||
]}
|
||||
title="Trusted by the Campus Community"
|
||||
description="Hear from those who rely on us every day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about navigating the campus with our app."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Is the app free?", content: "Yes, our app is free for all current university students and staff."},
|
||||
{
|
||||
id: "2", title: "Does it work indoors?", content: "Absolutely. We provide detailed indoor mapping for all major academic buildings."},
|
||||
{
|
||||
id: "3", title: "How do I report a bug?", content: "You can report issues directly through the 'Feedback' link in the app settings."},
|
||||
{
|
||||
id: "4", title: "Is my data private?", content: "We prioritize your privacy and do not share location data with third parties."},
|
||||
{
|
||||
id: "5", title: "Can I suggest new routes?", content: "Yes, we encourage community-driven updates to improve accessibility across campus."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about navigating the campus with our app."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Is the app free?", content: "Yes, our app is free for all current university students and staff." },
|
||||
{ id: "2", title: "Does it work indoors?", content: "Absolutely. We provide detailed indoor mapping for all major academic buildings." },
|
||||
{ id: "3", title: "How do I report a bug?", content: "You can report issues directly through the 'Feedback' link in the app settings." },
|
||||
{ id: "4", title: "Is my data private?", content: "We prioritize your privacy and do not share location data with third parties." },
|
||||
{ id: "5", title: "Can I suggest new routes?", content: "Yes, we encourage community-driven updates to improve accessibility across campus." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Join Now"
|
||||
title="Get Started Today"
|
||||
description="Join thousands of students and faculty navigating smarter. Sign up for early access to our campus navigation platform."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Join Now"
|
||||
title="Get Started Today"
|
||||
description="Join thousands of students and faculty navigating smarter. Sign up for early access to our campus navigation platform."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="CampusNav"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Feedback", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
copyrightText="© 2024 CampusNav Inc. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="CampusNav"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Feedback", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 CampusNav Inc. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user