Merge version_3 into main #3
159
src/app/page.tsx
159
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { GraduationCap } from "lucide-react";
|
||||
import { GraduationCap, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,16 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Programs", id: "features"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Facilities", id: "features" },
|
||||
{ name: "Location", id: "contact" },
|
||||
]}
|
||||
brandName="Sveučilište u Rijeci"
|
||||
/>
|
||||
@@ -49,26 +43,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Sveučilište u Rijeci"
|
||||
description="Excellence in higher education, research, and community engagement. Join our vibrant academic environment in Rijeka."
|
||||
tag="Welcome to Our University"
|
||||
description="Experience our prestigious institution in the heart of Rijeka. Combining academic excellence with modern hospitality, we provide a welcoming environment for students and visitors alike."
|
||||
tag="Discover Our Campus"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/college-students-cramming-outdoor_23-2149649347.jpg", imageAlt: "university campus architecture students walking"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-table_23-2149104454.jpg", imageAlt: "students collaborating in modern campus classroom"}
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/college-students-cramming-outdoor_23-2149649347.jpg", imageAlt: "university campus architecture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-table_23-2149104454.jpg", imageAlt: "students in modern campus setting" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by over 15,000 students"
|
||||
ratingText="Trusted by 15,000+ students"
|
||||
tagIcon={GraduationCap}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Programs", href: "#programs"},
|
||||
{
|
||||
text: "Apply Now", href: "#contact"},
|
||||
{ text: "View Programs", href: "#programs" },
|
||||
{ text: "Get Directions", href: "https://maps.app.goo.gl/v6BBmE7v7Da3U68a9?g_st=ac" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,18 +65,15 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Sveučilište u Rijeci"
|
||||
description="As a modern university, we focus on internationalization, interdisciplinary study, and close collaboration with the local community to foster excellence."
|
||||
title="Academic & Culinary Excellence"
|
||||
description="Our campus features world-class educational facilities alongside premium dining services, ensuring our international guests and students experience the best of Rijeka."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+", title: "Faculties"},
|
||||
{
|
||||
value: "15K+", title: "Students"},
|
||||
{
|
||||
value: "50+", title: "Programs"},
|
||||
{ value: "10+", title: "Faculties" },
|
||||
{ value: "15K+", title: "Students" },
|
||||
{ value: "50+", title: "Academic Programs" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/water-dwelling_1127-3260.jpg"
|
||||
imageAlt="university administration building main entrance"
|
||||
imageAlt="university campus scenery"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,15 +84,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Science Labs", description: "High-tech laboratories designed for innovative research and experimental learning.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-researcher-laboratory-with-microscope-male-colleague_23-2148776164.jpg", imageAlt: "modern science laboratory university research"},
|
||||
{
|
||||
title: "Modern Libraries", description: "Spacious and quiet study environments with access to vast digital and physical resources.", imageSrc: "http://img.b2bpic.net/free-photo/main-library-malmo_181624-535.jpg", imageAlt: "large university library interior study area"},
|
||||
{
|
||||
title: "Lecture Auditoriums", description: "Fully equipped auditoriums for professional academic lectures and campus-wide events.", imageSrc: "http://img.b2bpic.net/free-photo/conference-room-hotel_23-2149304112.jpg", imageAlt: "university auditorium modern conference hall"},
|
||||
{ title: "Premium Dining", description: "Experience professional hospitality at our on-campus restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-being-served-restaurant_23-2149266185.jpg", imageAlt: "fine dining restaurant experience" },
|
||||
{ title: "Event Spaces", description: "Host professional gatherings in our state-of-the-art auditoriums.", imageSrc: "http://img.b2bpic.net/free-photo/conference-room-hotel_23-2149304112.jpg", imageAlt: "conference and meeting facilities" },
|
||||
{ title: "Study Retreats", description: "Quiet zones and collaborative environments for focused work.", imageSrc: "http://img.b2bpic.net/free-photo/main-library-malmo_181624-535.jpg", imageAlt: "modern library interior" },
|
||||
]}
|
||||
title="Campus Facilities"
|
||||
description="State-of-the-art infrastructure providing everything students need for academic and personal growth."
|
||||
title="Professional Facilities"
|
||||
description="From fine dining to high-end lecture halls, we maintain the highest standards of service for our academic and restaurant visitors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,21 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Degree Certification", price: "Accredited", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-holding-hand-head-academic-dress-looking-focused_176474-82347.jpg", imageAlt: "university degree certificate academic diploma"},
|
||||
{
|
||||
id: "p2", name: "Course Materials", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/close-up-thick-books_23-2147615059.jpg", imageAlt: "academic course textbook academic studies"},
|
||||
{
|
||||
id: "p3", name: "Student ID Card", price: "Mandatory", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-dark-curly-hair-khaki-shirt-holding-textbooks-tablet-hands-joyfully-looking-camera-city-street_574295-2251.jpg", imageAlt: "student campus card identification card"},
|
||||
{
|
||||
id: "p4", name: "Sports Facilities", price: "Accessible", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-basketball-court-near-building_410324-16.jpg", imageAlt: "university sports facility gym equipment"},
|
||||
{
|
||||
id: "p5", name: "Dormitory Access", price: "Reserved", imageSrc: "http://img.b2bpic.net/free-photo/small-juvenile-bedroom-arrangement_23-2151113822.jpg", imageAlt: "student residence hall university dorm"},
|
||||
{
|
||||
id: "p6", name: "Exchange Programs", price: "International", imageSrc: "http://img.b2bpic.net/free-photo/three-happy-students-writing-notebooks-laptop-library_496169-1220.jpg", imageAlt: "international student exchange office campus"},
|
||||
{ id: "p1", name: "Fine Dining Experience", price: "Reservations Open", imageSrc: "http://img.b2bpic.net/free-photo/food-presentation-gourmet-dish_23-2149304145.jpg" },
|
||||
{ id: "p2", name: "Conference Hosting", price: "Custom Packages", imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-hotel-lobby_23-2149304118.jpg" },
|
||||
{ id: "p3", name: "Study Membership", price: "Annual Access", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-holding-hand-head-academic-dress-looking-focused_176474-82347.jpg" },
|
||||
]}
|
||||
title="Academic Programs"
|
||||
description="Explore our wide range of undergraduate and postgraduate study programs available for local and international students."
|
||||
title="Services & Bookings"
|
||||
description="Access our specialized academic and culinary services for a truly professional experience in Rijeka."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,43 +116,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ana Marković", role: "Computer Science Graduate", company: "Sveučilište u Rijeci", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-woman_23-2148201895.jpg", imageAlt: "successful student graduate portrait professional"},
|
||||
{
|
||||
id: "2", name: "Ivan Horvat", role: "International Exchange Student", company: "Sveučilište u Rijeci", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-curly-female-student-holds-digital-tablet-notebook-goes-university-wears-knitted-yellow-sweater-skirt-focused-away-stands-outdoors-against-urban-background_273609-60487.jpg", imageAlt: "international student portrait university campus"},
|
||||
{
|
||||
id: "3", name: "Elena Petrović", role: "Law Student", company: "Sveučilište u Rijeci", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-elegant-businesswoman-suit_1098-22015.jpg", imageAlt: "university student graduate successful career"},
|
||||
{
|
||||
id: "4", name: "Marko Ivić", role: "Engineering Alumnus", company: "Sveučilište u Rijeci", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-looking-camera-graduate-uniform-looking-cheerful-front-view_176474-57617.jpg", imageAlt: "university graduate young man professional"},
|
||||
{
|
||||
id: "5", name: "Petra Stanić", role: "Economics Graduate", company: "Sveučilište u Rijeci", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-young-cheerful-students-standing-outdoors_171337-11818.jpg", imageAlt: "happy diverse student group university"},
|
||||
{ id: "1", name: "Elena M.", role: "Visiting Professor", company: "Global University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-business-woman_23-2148767798.jpg" },
|
||||
{ id: "2", name: "Marko H.", role: "Corporate Guest", company: "Rijeka Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman_23-2148767807.jpg" },
|
||||
]}
|
||||
title="Student Experiences"
|
||||
description="Voices from our vibrant academic community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "1973", description: "Founded Year"},
|
||||
{
|
||||
id: "m2", value: "400+", description: "International Partners"},
|
||||
{
|
||||
id: "m3", value: "100+", description: "Research Projects"},
|
||||
]}
|
||||
title="Institutional Impact"
|
||||
description="Our commitment to research and community advancement."
|
||||
title="Professional Accolades"
|
||||
description="Why guests and academics choose our campus facilities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -187,17 +129,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How to apply?", content: "You can apply via our central student office or online portal during the admission period."},
|
||||
{
|
||||
id: "q2", title: "Are there scholarships?", content: "Yes, we offer several merit-based and need-based scholarships for local and international students."},
|
||||
{
|
||||
id: "q3", title: "Can international students apply?", content: "Absolutely. We encourage international applicants and have dedicated support services for you."},
|
||||
{
|
||||
id: "q4", title: "What are the tuition and language requirements?", content: "Tuition fees are program-specific, and most undergraduate courses require Croatian proficiency, while postgraduate options may offer English tracks."}
|
||||
{ id: "q1", title: "How can I book the restaurant?", content: "Reservations can be made through our online booking system or by phone." },
|
||||
{ id: "q2", title: "Is parking available?", content: "Yes, on-site parking is available for all event attendees and guests." },
|
||||
{ id: "q3", title: "Where exactly is the entrance?", content: "You can find our exact location using the maps link in our header and footer." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries about university life, admissions, and studies."
|
||||
title="Common Questions"
|
||||
description="Quick information for our visitors and event organizers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -205,24 +142,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Need More Information?"
|
||||
description="Have questions? Our administrative staff is ready to help you navigate your academic journey."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/boy-with-medical-mask-studying-library_23-2148844708.jpg"
|
||||
imageAlt="university administration office front desk"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Find Us"
|
||||
title="Plan Your Visit"
|
||||
description="Visit us in Rijeka. Our campus is open for academic and commercial bookings year-round."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/map-navigation-concept_23-2149175215.jpg"
|
||||
imageAlt="map navigation"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[{ text: "Get Directions Now", href: "https://maps.app.goo.gl/v6BBmE7v7Da3U68a9?g_st=ac" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sveučilište u Rijeci"
|
||||
leftLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
leftLink={{ text: "Location Guide", href: "https://maps.app.goo.gl/v6BBmE7v7Da3U68a9?g_st=ac" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user