bender/5a83e40f-dd34-45b5-8a62-75ef8933cf67
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

3 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
ca2c7d04e9 Update src/app/page.tsx 2026-04-07 17:46:43 +00:00
bender
7417befa2f Update src/app/page.tsx 2026-04-07 17:46:15 +00:00
bender
4a6621b8fb Update src/app/page.tsx 2026-04-07 17:45:41 +00:00
1 changed files with 115 additions and 227 deletions
Expand all files Collapse all files

340
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; 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 FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven'; 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 HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -25,236 +25,124 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Features", id: "features" },
id: "hero", { name: "Testimonials", id: "testimonials" },
}, { name: "Support", id: "contact" },
{ ]}
name: "Features", brandName="CampusNav"
id: "features", />
}, </div>
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Support",
id: "contact",
},
]}
brandName="CampusNav"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroOverlay
title="Find Your Way, Navigate Campus Instantly" 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." description="Smart directions to any building, classroom, or campus service. Realtime updates on routes, events, and facility status—all in your pocket."
buttons={[ buttons={[{ text: "Start Navigating", href: "#features" }]}
{ imageSrc="http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539711.jpg"
text: "Start Navigating", imageAlt="Campus navigation interface"
href: "#features", showBlur={true}
}, avatars={[
]} { src: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg", alt: "User 1" },
imageSrc="http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539711.jpg" { src: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg", alt: "User 2" },
imageAlt="Campus navigation interface" { src: "http://img.b2bpic.net/free-photo/front-view-people-traveling-by-train_23-2150520181.jpg", alt: "User 3" },
showBlur={true} { 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" },
avatars={[ { src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg", alt: "User 5" },
{ ]}
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg", avatarText="Trusted by 10,000+ students"
alt: "User 1", />
}, </div>
{
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"> <div id="features" data-section="features">
<FeatureCardSeven <FeatureCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Real-time Routing", 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"
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: "Student Confidence", 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"
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="Built for Campus Mobility"
}, description="Powerful tools to make navigating university life seamless and efficient for everyone."
{ />
title: "Faculty Efficiency", </div>
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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ 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: "1", { 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" },
name: "Sarah J.", { 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" },
role: "Freshman", { 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" },
testimonial: "I never get lost anymore. This app saved me so much stress in my first week.", { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg", ]}
}, title="Trusted by the Campus Community"
{ description="Hear from those who rely on us every day."
id: "2", />
name: "Prof. Alan M.", </div>
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"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
sideTitle="Common Questions" sideTitle="Common Questions"
sideDescription="Everything you need to know about navigating the campus with our app." sideDescription="Everything you need to know about navigating the campus with our app."
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ { id: "1", title: "Is the app free?", content: "Yes, our app is free for all current university students and staff." },
id: "1", { id: "2", title: "Does it work indoors?", content: "Absolutely. We provide detailed indoor mapping for all major academic buildings." },
title: "Is the app free?", { id: "3", title: "How do I report a bug?", content: "You can report issues directly through the 'Feedback' link in the app settings." },
content: "Yes, our app is free for all current university students and staff.", { 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." },
{ ]}
id: "2", />
title: "Does it work indoors?", </div>
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"> <div id="contact" data-section="contact">
<ContactSplit <ContactCTA
useInvertedBackground={false} tag="Join Now"
background={{ title="Get Started Today"
variant: "animated-grid", description="Join thousands of students and faculty navigating smarter. Sign up for early access to our campus navigation platform."
}} buttons={[{ text: "Get Started", href: "#" }]}
tag="Join Now" background={{ variant: "plain" }}
title="Get Started Today" useInvertedBackground={false}
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" </div>
imageAlt="Join campus platform"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterBaseReveal
columns={[ logoText="CampusNav"
{ columns={[
items: [ {
{ title: "Resources", items: [
label: "About", { label: "About", href: "#" },
href: "#", { label: "Security", href: "#" },
}, { label: "Terms", href: "#" },
{ ],
label: "Security", },
href: "#", {
}, title: "Support", items: [
{ { label: "Help Center", href: "#" },
label: "Terms", { label: "Feedback", href: "#" },
href: "#", { label: "Privacy Policy", href: "#" },
}, ],
], },
}, ]}
{ copyrightText="© 2024 CampusNav Inc. All rights reserved."
items: [ />
{ </div>
label: "Support",
href: "#",
},
{
label: "Feedback",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
logoText="CampusNav"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );