Merge version_2 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Ram Library"
|
||||
/>
|
||||
@@ -57,96 +49,50 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Your Academic Journey"
|
||||
description="Ram Library provides a curated space for focused study, extensive research, and community collaboration for students."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Aman Singh",
|
||||
handle: "@aman_studies",
|
||||
testimonial: "The perfect place to focus before finals. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-picking-literature_23-2147678861.jpg?_wi=1",
|
||||
imageAlt: "student library study area",
|
||||
},
|
||||
name: "Aman Singh", handle: "@aman_studies", testimonial: "The perfect place to focus before finals. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-picking-literature_23-2147678861.jpg?_wi=1", imageAlt: "student library study area"},
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "@priya_reads",
|
||||
testimonial: "Great collection of journals and peaceful environment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-bright-screen-mountains-books_23-2147615126.jpg?_wi=1",
|
||||
imageAlt: "student library study area",
|
||||
},
|
||||
name: "Priya Sharma", handle: "@priya_reads", testimonial: "Great collection of journals and peaceful environment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-bright-screen-mountains-books_23-2147615126.jpg?_wi=1", imageAlt: "student library study area"},
|
||||
{
|
||||
name: "Vikram Patel",
|
||||
handle: "@vikram_dev",
|
||||
testimonial: "High-speed Wi-Fi and comfortable seating. Ideal for study groups.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-blanket-reading-book_23-2147797418.jpg?_wi=1",
|
||||
imageAlt: "student library study area",
|
||||
},
|
||||
name: "Vikram Patel", handle: "@vikram_dev", testimonial: "High-speed Wi-Fi and comfortable seating. Ideal for study groups.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-blanket-reading-book_23-2147797418.jpg?_wi=1", imageAlt: "student library study area"},
|
||||
{
|
||||
name: "Anjali Verma",
|
||||
handle: "@anjali_lit",
|
||||
testimonial: "A quiet haven in the middle of a busy campus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wheelchair-colleague-conversing-desk_23-2148496200.jpg?_wi=1",
|
||||
imageAlt: "student library study area",
|
||||
},
|
||||
name: "Anjali Verma", handle: "@anjali_lit", testimonial: "A quiet haven in the middle of a busy campus.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wheelchair-colleague-conversing-desk_23-2148496200.jpg?_wi=1", imageAlt: "student library study area"},
|
||||
{
|
||||
name: "Rahul Kumar",
|
||||
handle: "@rahul_research",
|
||||
testimonial: "The staff are incredibly helpful with research queries.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/5g-characters-with-signal-beacon_23-2148295810.jpg?_wi=1",
|
||||
imageAlt: "student library study area",
|
||||
},
|
||||
name: "Rahul Kumar", handle: "@rahul_research", testimonial: "The staff are incredibly helpful with research queries.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/5g-characters-with-signal-beacon_23-2148295810.jpg?_wi=1", imageAlt: "student library study area"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-picking-literature_23-2147678861.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-girl-searching-book_23-2148727812.jpg",
|
||||
alt: "Pretty young girl searching for a book",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-girl-searching-book_23-2148727812.jpg", alt: "Pretty young girl searching for a book"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/learning-lady-standing-bookcases_23-2147864182.jpg",
|
||||
alt: "Learning lady standing between bookcases",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/learning-lady-standing-bookcases_23-2147864182.jpg", alt: "Learning lady standing between bookcases"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cafe-frankfurt-germany_1268-20912.jpg",
|
||||
alt: "A cafe Frankfurt Germany",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cafe-frankfurt-germany_1268-20912.jpg", alt: "A cafe Frankfurt Germany"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-taking-books-library_23-2147678852.jpg",
|
||||
alt: "Girl taking books in library",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-taking-books-library_23-2147678852.jpg", alt: "Girl taking books in library"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-fairskinned-girl-laughs-with-eyes-closed-clutching-box-chest-against-background-with-space-text-curlyhaired-brunette-headphones-listens-favorite-music-concept-enjoying-moment_197531-30201.jpg",
|
||||
alt: "smiling student portrait library",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-fairskinned-girl-laughs-with-eyes-closed-clutching-box-chest-against-background-with-space-text-curlyhaired-brunette-headphones-listens-favorite-music-concept-enjoying-moment_197531-30201.jpg", alt: "smiling student portrait library"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
type: "text", text: "24/7 Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Speed Wi-Fi",
|
||||
},
|
||||
type: "text", text: "High-Speed Wi-Fi"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private Cabins",
|
||||
},
|
||||
type: "text", text: "Private Cabins"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Research Support",
|
||||
},
|
||||
type: "text", text: "Research Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Learning",
|
||||
},
|
||||
type: "text", text: "Community Learning"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,20 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Technology Hub",
|
||||
description: "High-speed internet and printing facilities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/5g-characters-with-signal-beacon_23-2148295810.jpg?_wi=2",
|
||||
},
|
||||
title: "Technology Hub", description: "High-speed internet and printing facilities.", imageSrc: "http://img.b2bpic.net/free-photo/5g-characters-with-signal-beacon_23-2148295810.jpg?_wi=2"},
|
||||
{
|
||||
title: "Rich Archives",
|
||||
description: "Access to thousands of reference books and digital journals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-goodlooking-blonde-girl-striped-shirt-staying-near-bookshelf-modern-library-going-take-book_176420-43719.jpg",
|
||||
},
|
||||
title: "Rich Archives", description: "Access to thousands of reference books and digital journals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-goodlooking-blonde-girl-striped-shirt-staying-near-bookshelf-modern-library-going-take-book_176420-43719.jpg"},
|
||||
{
|
||||
title: "Collaboration Zones",
|
||||
description: "Meeting rooms for group projects and active discussions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-students-desktop_23-2147655933.jpg",
|
||||
},
|
||||
title: "Collaboration Zones", description: "Meeting rooms for group projects and active discussions.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-students-desktop_23-2147655933.jpg"},
|
||||
]}
|
||||
title="Library Facilities"
|
||||
description="State-of-the-art infrastructure built for productivity."
|
||||
@@ -197,52 +134,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "₹299",
|
||||
name: "Basic Access",
|
||||
buttons: [
|
||||
id: "basic", price: "₹299", name: "Basic Access", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Library entry",
|
||||
"Wi-Fi access",
|
||||
"Reference books",
|
||||
],
|
||||
"Library entry", "Wi-Fi access", "Reference books"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
price: "₹599",
|
||||
name: "Standard Plan",
|
||||
buttons: [
|
||||
id: "standard", price: "₹599", name: "Standard Plan", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Basic +",
|
||||
"Borrowing rights",
|
||||
"Print credits",
|
||||
],
|
||||
"Basic +", "Borrowing rights", "Print credits"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
price: "₹999",
|
||||
name: "Premium Plan",
|
||||
buttons: [
|
||||
id: "premium", price: "₹999", name: "Premium Plan", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Standard +",
|
||||
"Private cabin",
|
||||
"Extended hours",
|
||||
],
|
||||
"Standard +", "Private cabin", "Extended hours"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -257,26 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
title: "Available Titles",
|
||||
description: "Comprehensive reference collection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-blanket-reading-book_23-2147797418.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "15,000+", title: "Available Titles", description: "Comprehensive reference collection.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-blanket-reading-book_23-2147797418.jpg?_wi=2"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Study Availability",
|
||||
description: "Focused hours whenever needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wheelchair-colleague-conversing-desk_23-2148496200.jpg?_wi=2",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Study Availability", description: "Focused hours whenever needed.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wheelchair-colleague-conversing-desk_23-2148496200.jpg?_wi=2"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Daily Visitors",
|
||||
description: "Active community of learners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-various-books-table_1252-667.jpg",
|
||||
},
|
||||
id: "m3", value: "500+", title: "Daily Visitors", description: "Active community of learners.", imageSrc: "http://img.b2bpic.net/free-photo/stack-various-books-table_1252-667.jpg"},
|
||||
]}
|
||||
title="Student Success Numbers"
|
||||
description="Proof of our commitment to your academic growth."
|
||||
@@ -290,59 +188,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Science Student",
|
||||
company: "College A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fairskinned-girl-laughs-with-eyes-closed-clutching-box-chest-against-background-with-space-text-curlyhaired-brunette-headphones-listens-favorite-music-concept-enjoying-moment_197531-30201.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", role: "Science Student", company: "College A", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fairskinned-girl-laughs-with-eyes-closed-clutching-box-chest-against-background-with-space-text-curlyhaired-brunette-headphones-listens-favorite-music-concept-enjoying-moment_197531-30201.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark",
|
||||
role: "Law Student",
|
||||
company: "College B",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",
|
||||
},
|
||||
id: "2", name: "Mark", role: "Law Student", company: "College B", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma",
|
||||
role: "Arts Student",
|
||||
company: "College C",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-book-looking-camera_23-2147848146.jpg",
|
||||
},
|
||||
id: "3", name: "Emma", role: "Arts Student", company: "College C", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-book-looking-camera_23-2147848146.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John",
|
||||
role: "Dev Student",
|
||||
company: "College D",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-glasses-library-with-folder-documents-wear-white-blouse-black-mini-skirt-sexy-business-woman-teacher-concept_627829-11375.jpg",
|
||||
},
|
||||
id: "4", name: "John", role: "Dev Student", company: "College D", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-glasses-library-with-folder-documents-wear-white-blouse-black-mini-skirt-sexy-business-woman-teacher-concept_627829-11375.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna",
|
||||
role: "MBA Student",
|
||||
company: "College E",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-picking-literature_23-2147678841.jpg",
|
||||
},
|
||||
id: "5", name: "Anna", role: "MBA Student", company: "College E", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-picking-literature_23-2147678841.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "User Rating",
|
||||
},
|
||||
value: "4.9/5", label: "User Rating"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Books Loaned",
|
||||
},
|
||||
value: "10k+", label: "Books Loaned"},
|
||||
]}
|
||||
title="What Students Say"
|
||||
description="Success stories from our library community."
|
||||
@@ -355,20 +222,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I register?",
|
||||
content: "You can sign up online or visit our front desk with your ID card.",
|
||||
},
|
||||
id: "f1", title: "How do I register?", content: "You can sign up online or visit our front desk with your ID card. <a href='#contact' style='text-decoration: underline; font-weight: bold;'>Join Now</a>"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there private rooms?",
|
||||
content: "Yes, our premium members get access to private study cabins.",
|
||||
},
|
||||
id: "f2", title: "Are there private rooms?", content: "Yes, our premium members get access to private study cabins."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are the hours?",
|
||||
content: "We are open from 8:00 AM to 10:00 PM on weekdays.",
|
||||
},
|
||||
id: "f3", title: "What are the hours?", content: "We are open from 8:00 AM to 10:00 PM on weekdays."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers about our membership, facilities, and policies."
|
||||
@@ -380,8 +238,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Join Ram Library"
|
||||
description="Get in touch for membership details and study resources."
|
||||
tag="Contact Us"
|
||||
@@ -393,29 +250,19 @@ export default function LandingPage() {
|
||||
logoText="Ram Library"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Catalog", href: "#"},
|
||||
{
|
||||
label: "Help Desk",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Desk", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policies",
|
||||
items: [
|
||||
title: "Policies", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -424,4 +271,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user