Merge version_1 into main #2
310
src/app/page.tsx
310
src/app/page.tsx
@@ -1,228 +1,108 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" }
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Book",
|
||||
id: "reservation",
|
||||
},
|
||||
]}
|
||||
brandName="Vive Study Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Vive Study Cafe"
|
||||
description="Bangladesh's First Study Cafe. Focus. Sip. Succeed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Reserve a Workspace",
|
||||
href: "#reservation",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg"
|
||||
imageAlt="Vive Study Cafe Interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Vive Experience"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Spanish Latte",
|
||||
price: "BDT 315",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-man-holding-hot-cup-tea_23-2148441353.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Breakfast Cereal Oats",
|
||||
price: "BDT 345",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-high-protein-meal-composition_23-2149089619.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Student Platter",
|
||||
price: "BDT 299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-man-holding-hot-cup-tea_23-2148441353.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Matcha Energy Bowl",
|
||||
price: "BDT 380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-high-protein-meal-composition_23-2149089619.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Dark Roast Espresso",
|
||||
price: "BDT 250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-man-holding-hot-cup-tea_23-2148441353.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Curated Brain Foods & Brews"
|
||||
description="Specially crafted to keep you focused."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Abrar Jahin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Suprio Pramanik Emon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anonymous Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Creative Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Local Researcher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
cardTitle="What the Community Says"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our study environment."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "For prime hours, we highly recommend reserving your workspace via our booking system.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there high-speed Wi-Fi available?",
|
||||
content: "Yes, we provide dedicated high-speed fiber internet for all our members.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open daily from 9:00 AM to 11:00 PM to support your study schedule.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are there power outlets at every seat?",
|
||||
content: "Yes, every workstation is equipped with universal power outlets for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I bring my own food?",
|
||||
content: "Outside food is not permitted, but we offer a curated menu of healthy snacks and beverages.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Vive Study Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "Gate No. 2, Hatirjheel, Dhaka 1219",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Call: 01751-202119",
|
||||
href: "tel:01751202119",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "http://facebook.com/vivestudycafe",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="Vive Study Cafe" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Vive Study Cafe"
|
||||
description="Bangladesh's First Study Cafe. Focus. Sip. Succeed."
|
||||
buttons={[{text: "Explore Menu", href: "#menu"}, {text: "Reserve a Workspace", href: "#reservation"}]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg"
|
||||
imageAlt="Vive Study Cafe Interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Vive Experience"
|
||||
buttons={[{text: "Learn More", href: "#about"}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
title="Curated Brain Foods & Brews"
|
||||
description="Specially crafted to keep you focused."
|
||||
products={[
|
||||
{id: "p1", name: "Spanish Latte", price: "BDT 315", imageSrc: "http://img.b2bpic.net/free-photo/hands-man-holding-hot-cup-tea_23-2148441353.jpg"},
|
||||
{id: "p2", name: "Breakfast Cereal Oats", price: "BDT 345", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-high-protein-meal-composition_23-2149089619.jpg"},
|
||||
{id: "p3", name: "Student Platter", price: "BDT 299", imageSrc: "http://img.b2bpic.net/free-photo/hands-man-holding-hot-cup-tea_23-2148441353.jpg"},
|
||||
{id: "p4", name: "Matcha Energy Bowl", price: "BDT 380", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-high-protein-meal-composition_23-2149089619.jpg"},
|
||||
{id: "p5", name: "Dark Roast Espresso", price: "BDT 250", imageSrc: "http://img.b2bpic.net/free-photo/hands-man-holding-hot-cup-tea_23-2148441353.jpg"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardTitle="What the Community Says"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{id: "t1", name: "Abrar Jahin", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg"},
|
||||
{id: "t2", name: "Suprio Pramanik Emon", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg"},
|
||||
{id: "t3", name: "Anonymous Student", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg"},
|
||||
{id: "t4", name: "Creative Professional", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg"},
|
||||
{id: "t5", name: "Local Researcher", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our study environment."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{id: "q1", title: "Do I need to book in advance?", content: "For prime hours, we highly recommend reserving your workspace via our booking system."},
|
||||
{id: "q2", title: "Is there high-speed Wi-Fi available?", content: "Yes, we provide dedicated high-speed fiber internet for all our members."},
|
||||
{id: "q3", title: "What are your operating hours?", content: "We are open daily from 9:00 AM to 11:00 PM to support your study schedule."},
|
||||
{id: "q4", title: "Are there power outlets at every seat?", content: "Yes, every workstation is equipped with universal power outlets for your convenience."},
|
||||
{id: "q5", title: "Can I bring my own food?", content: "Outside food is not permitted, but we offer a curated menu of healthy snacks and beverages."}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Vive Study Cafe"
|
||||
columns={[
|
||||
{title: "Visit Us", items: [{label: "Gate No. 2, Hatirjheel, Dhaka 1219", href: "#"}, {label: "Call: 01751-202119", href: "tel:01751202119"}]},
|
||||
{title: "Socials", items: [{label: "Facebook", href: "http://facebook.com/vivestudycafe"}]}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user