Add src/app/gallery/page.tsx
This commit is contained in:
158
src/app/gallery/page.tsx
Normal file
158
src/app/gallery/page.tsx
Normal file
@@ -0,0 +1,158 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Image, Video, Calendar, BookOpen, MapPin } from 'lucide-react';
|
||||
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Academy"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Faculty", id: "/faculty" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Events", id: "/events" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Photo Gallery"
|
||||
description="Explore moments from our campus life, academic achievements, and special events that showcase the vibrant community at our academy."
|
||||
buttons={[
|
||||
{ text: "Back to Home", href: "/" },
|
||||
{ text: "View Events", href: "/events" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
|
||||
imageAlt="Academy campus gallery"
|
||||
showDimOverlay={true}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-events" data-section="gallery-events">
|
||||
<FeatureCardTwentyFour
|
||||
title="Gallery Collections"
|
||||
description="Browse our curated photo collections organized by themes and academic areas."
|
||||
tag="Gallery"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Events & Celebrations", author: "Events Team", description: "Capture the highlights from our annual events, celebrations, and special occasions including graduation ceremonies, sports days, cultural festivals, and community gatherings.", tags: ["Events", "Celebrations", "Community"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1", imageAlt: "Campus events and celebrations"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Academic Excellence", author: "Academic Department", description: "Explore images from our classrooms, laboratories, research projects, and academic competitions. See our students engaged in learning and demonstrating their achievements.", tags: ["Academics", "Learning", "Innovation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Students in academic settings"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Campus Life", author: "Student Services", description: "Discover the vibrant campus atmosphere through photos of student organizations, recreational activities, dining areas, student lounges, and outdoor spaces where community thrives.", tags: ["Campus", "Community", "Student Life"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=1", imageAlt: "Campus facilities and student areas"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-highlights" data-section="gallery-highlights">
|
||||
<FeatureCardTwentyFour
|
||||
title="Recent Highlights"
|
||||
description="Featured collections from recent months and upcoming seasonal galleries."
|
||||
tag="New Collections"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "4", title: "Spring Sports & Athletics", author: "Athletics Department", description: "Action-packed photos from our spring sports season featuring student athletes competing in soccer, basketball, tennis, track and field, and other intramural activities.", tags: ["Sports", "Athletics", "Competition"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1", imageAlt: "Spring sports events"
|
||||
},
|
||||
{
|
||||
id: "5", title: "STEM Lab Projects & Experiments", author: "Science Department", description: "Behind-the-scenes looks at our state-of-the-art laboratories where students conduct experiments in biology, chemistry, physics, and engineering projects.", tags: ["STEM", "Science", "Technology"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "STEM laboratory work"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Arts & Performance Showcase", author: "Arts Department", description: "Visual documentation of our performing arts productions, art exhibitions, theater performances, music concerts, and student creative showcases throughout the year.", tags: ["Arts", "Performance", "Creativity"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1", imageAlt: "Arts performances and exhibitions"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Share Memories"
|
||||
title="Submit Your Photos"
|
||||
description="Do you have great photos from academy events or campus life? We'd love to feature your submissions in our gallery. Contact us to contribute your images."
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email for photo submission info"
|
||||
buttonText="Get Submission Details"
|
||||
termsText="We respect your privacy. Unsubscribe at any time or visit our contact page for more information."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Programs", href: "features" },
|
||||
{ label: "Faculty", href: "/faculty" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "School Info", items: [
|
||||
{ label: "Admissions", href: "contact" },
|
||||
{ label: "Events & News", href: "/events" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Calendar", href: "/events" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact Us", items: [
|
||||
{ label: "Phone: (555) 123-4567", href: "#" },
|
||||
{ label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
|
||||
{ label: "Address: 123 Education Lane", href: "#" },
|
||||
{ label: "Hours: Mon-Fri 8am-4pm", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Academy. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user