Merge version_1 into main #1
219
src/app/page.tsx
219
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="UniMarket"
|
||||
/>
|
||||
@@ -53,47 +45,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Student Success"
|
||||
description="The ultimate marketplace for students to find tech, tools, and essentials designed for modern learning journeys."
|
||||
tag="Student First"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-decoration-project_23-2150334531.jpg",
|
||||
imageAlt: "Student study desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-pushing-her-colleague-with-physical-impairment-through-library_482257-126269.jpg",
|
||||
imageAlt: "Students collaborating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-essentials-with-medical-mask-paper-clips_23-2148587456.jpg",
|
||||
imageAlt: "Stationery supplies",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-businessman-hunting-new-office-space-home_482257-90853.jpg",
|
||||
imageAlt: "Student dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-camera-desk-tools_23-2148300480.jpg",
|
||||
imageAlt: "Student gadgets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok_343596-86.jpg",
|
||||
imageAlt: "Campus view",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-decoration-project_23-2150334531.jpg", imageAlt: "student study desk laptop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-pushing-her-colleague-with-physical-impairment-through-library_482257-126269.jpg", imageAlt: "university students studying together" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-essentials-with-medical-mask-paper-clips_23-2148587456.jpg", imageAlt: "minimalist stationery set top view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-businessman-hunting-new-office-space-home_482257-90853.jpg", imageAlt: "tablet interface mockup student app" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-camera-desk-tools_23-2148300480.jpg", imageAlt: "student tech gadgets bag" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok_343596-86.jpg", imageAlt: "modern university campus architecture" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,24 +75,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Verified Student Discounts",
|
||||
description: "Exclusive pricing and deals verified for all enrolled students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cleaning-house_23-2147917103.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Community-Driven Reviews",
|
||||
description: "Learn from peers about the tools that actually help during exams.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-teens-wearing-y2k-fashion_23-2150759602.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Seamless Support",
|
||||
description: "Dedicated customer success team that understands student schedules.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-customer-management-concept-with-wooden-figures-wooden-grunge-background-side-view_176474-7795.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Verified Student Discounts", description: "Exclusive pricing and deals verified for all enrolled students.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cleaning-house_23-2147917103.jpg" },
|
||||
{ id: "f2", title: "Community-Driven Reviews", description: "Learn from peers about the tools that actually help during exams.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-teens-wearing-y2k-fashion_23-2150759602.jpg" },
|
||||
{ id: "f3", title: "Seamless Support", description: "Dedicated customer success team that understands student schedules.", imageSrc: "http://img.b2bpic.net/free-photo/marketing-customer-management-concept-with-wooden-figures-wooden-grunge-background-side-view_176474-7795.jpg" },
|
||||
]}
|
||||
title="Why UniMarket?"
|
||||
description="We are build for the academic lifestyle, bringing you technology and tools that matter."
|
||||
@@ -132,46 +86,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="items-top-row-full-width-bottom"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Noise Cancelling Headphones",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-headphones-draws-notebook-girl-headphones_169016-66171.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ultrabook Pro 14",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-laptop-with-electronic-gadgets_23-2148190005.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Campus Tech Backpack",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-african-young-healthy-man-with-his-backpack-crouching-road-city_23-2148123945.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bamboo Reusable Cup",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-healthy-salad-white-plate-composition_23-2148747462.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Smart E-Planner",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment-with-tablet_23-2148128308.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Premium Stationery Set",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-lavender-bunch-eyeglasses-spiral-notebook-felt-tip-pens-dual-colored-background_23-2147880667.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Noise Cancelling Headphones", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-headphones-draws-notebook-girl-headphones_169016-66171.jpg" },
|
||||
{ id: "p2", name: "Ultrabook Pro 14", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/grey-laptop-with-electronic-gadgets_23-2148190005.jpg" },
|
||||
{ id: "p3", name: "Campus Tech Backpack", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/side-view-african-young-healthy-man-with-his-backpack-crouching-road-city_23-2148123945.jpg" },
|
||||
{ id: "p4", name: "Bamboo Reusable Cup", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-healthy-salad-white-plate-composition_23-2148747462.jpg" },
|
||||
{ id: "p5", name: "Smart E-Planner", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment-with-tablet_23-2148128308.jpg" },
|
||||
{ id: "p6", name: "Premium Stationery Set", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-lavender-bunch-eyeglasses-spiral-notebook-felt-tip-pens-dual-colored-background_23-2147880667.jpg" },
|
||||
]}
|
||||
title="Essentials Store"
|
||||
description="Everything you need to ace the semester."
|
||||
@@ -183,23 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"UniEdu",
|
||||
"Innovate",
|
||||
"EduFound",
|
||||
"DesignFirm",
|
||||
"GlobalTech",
|
||||
"ImpactOrg",
|
||||
]}
|
||||
"TechCorp", "UniEdu", "Innovate", "EduFound", "DesignFirm", "GlobalTech", "ImpactOrg"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/flat-design-electronics-logo-templates_23-2148985012.jpg",
|
||||
"http://img.b2bpic.net/free-vector/school-education-logo-template_23-2149713090.jpg",
|
||||
"http://img.b2bpic.net/free-vector/digital-comany-logo-template_1071-11.jpg",
|
||||
"http://img.b2bpic.net/free-vector/funny-graphic-designer-business-card-template_23-2148390720.jpg",
|
||||
"http://img.b2bpic.net/free-photo/idea-text-white-plate-with-hand-drawn-light-bulb_23-2147865703.jpg",
|
||||
"http://img.b2bpic.net/free-photo/globalization-network-technology-perforated-paper-globe_53876-16429.jpg",
|
||||
"http://img.b2bpic.net/free-vector/logo-template-design_1289-146.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/flat-design-electronics-logo-templates_23-2148985012.jpg", "http://img.b2bpic.net/free-vector/school-education-logo-template_23-2149713090.jpg", "http://img.b2bpic.net/free-vector/digital-comany-logo-template_1071-11.jpg", "http://img.b2bpic.net/free-vector/funny-graphic-designer-business-card-template_23-2148390720.jpg", "http://img.b2bpic.net/free-photo/idea-text-white-plate-with-hand-drawn-light-bulb_23-2147865703.jpg", "http://img.b2bpic.net/free-photo/globalization-network-technology-perforated-paper-globe_53876-16429.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-146.jpg"]}
|
||||
title="Trusted by Top Institutions"
|
||||
description="Empowering students at leading universities across the nation."
|
||||
/>
|
||||
@@ -212,26 +123,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Alex R., Engineering Student"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-millennial-female-with-dark-curly-hair-strolls-street-modern-city-holds-portable-touch-pad-stylus-enjoys-view-urban-buildings-uses-technologies-woman-with-digital-tablet-computer_273609-60587.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-lady-looking-camera-t-shirt-jacket-looking-confident-front-view_176474-85493.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-girl-red-blouse-with-cute-hair-just-standing-yellow-background-child-color-kid-girl-youth-innocence_140725-98776.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/children-expressions_23-2148010400.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thoughtful-millennial-female-with-dark-curly-hair-strolls-street-modern-city-holds-portable-touch-pad-stylus-enjoys-view-urban-buildings-uses-technologies-woman-with-digital-tablet-computer_273609-60587.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-lady-looking-camera-t-shirt-jacket-looking-confident-front-view_176474-85493.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-girl-red-blouse-with-cute-hair-just-standing-yellow-background-child-color-kid-girl-youth-innocence_140725-98776.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/children-expressions_23-2148010400.jpg", alt: "Student 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -245,22 +141,14 @@ export default function LandingPage() {
|
||||
description="Have questions or want to partner with us? Reach out and we'll get back to you within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Student Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Student Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalistic-creative-place-studies-with-yellow-photo-frame_23-2147878270.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -271,50 +159,31 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Discounts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discounts", href: "#"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user