Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 754e690325 | |||
| ca2c7d04e9 | |||
| 38770ff3f9 | |||
| 7417befa2f | |||
| cae171c8b4 | |||
| 4a6621b8fb |
342
src/app/page.tsx
342
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
@@ -25,237 +25,125 @@ 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">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg"
|
||||
imageAlt="Join campus platform"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</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">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Feedback",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CampusNav"
|
||||
/>
|
||||
</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