Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5d304fbbc2 | |||
| 944dd14842 | |||
| 0218c4346b | |||
| fc9a3ec717 |
208
src/app/page.tsx
208
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { BookOpen, Facebook, Instagram } from "lucide-react";
|
||||
import { BookOpen, Facebook, Instagram, MessageCircle, Utensils, Coffee, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Books n Brew"
|
||||
/>
|
||||
@@ -55,36 +47,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="A Vibrant Escape"
|
||||
tagIcon={Sparkles}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Stories Brewed in Every Cup"
|
||||
description="Escape to our literary haven. Fine coffee, vintage books, and warm company await."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-breakfast-time_23-2148171388.jpg",
|
||||
imageAlt: "vintage cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-breakfast-time_23-2148171388.jpg", imageAlt: "vintage cafe interior warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-macarons-with-cup-tea-beige-napkin-with-open-book-flowers_141793-18287.jpg",
|
||||
imageAlt: "vintage cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-macarons-with-cup-tea-beige-napkin-with-open-book-flowers_141793-18287.jpg", imageAlt: "vintage cafe interior warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211460.jpg",
|
||||
imageAlt: "vintage cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211460.jpg", imageAlt: "vintage cafe interior warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-with-natural-element_23-2151812186.jpg",
|
||||
imageAlt: "vintage cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-with-natural-element_23-2151812186.jpg", imageAlt: "vintage cafe interior warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-mug-sofa_23-2147797452.jpg",
|
||||
imageAlt: "vintage cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-mug-sofa_23-2147797452.jpg", imageAlt: "vintage cafe interior warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079539.jpg",
|
||||
imageAlt: "vintage cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079539.jpg", imageAlt: "vintage cafe interior warm lighting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,41 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Espresso",
|
||||
price: "₹150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-dice-with-cup-coffee-wooden-desk_23-2147893075.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Espresso", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/coffee-dice-with-cup-coffee-wooden-desk_23-2147893075.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Cappuccino",
|
||||
price: "₹220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-cup-with-turkish-delight-plate_23-2148074731.jpg",
|
||||
},
|
||||
id: "2", name: "Signature Cappuccino", price: "₹220", imageSrc: "http://img.b2bpic.net/free-photo/tea-cup-with-turkish-delight-plate_23-2148074731.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Butter Croissant",
|
||||
price: "₹180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shakh-pilaf-with-dried-berries_140725-4071.jpg",
|
||||
},
|
||||
id: "3", name: "Butter Croissant", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/shakh-pilaf-with-dried-berries_140725-4071.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Earl Grey Tea",
|
||||
price: "₹140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-cup-tea-teapot-books-candle-candlestick-with-bokeh_169016-9929.jpg",
|
||||
},
|
||||
id: "4", name: "Earl Grey Tea", price: "₹140", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-cup-tea-teapot-books-candle-candlestick-with-bokeh_169016-9929.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Iced Vanilla Latte",
|
||||
price: "₹250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-juice-with-woman-hands_23-2148306973.jpg",
|
||||
},
|
||||
id: "5", name: "Iced Vanilla Latte", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-juice-with-woman-hands_23-2148306973.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Matcha Delight",
|
||||
price: "₹280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-matcha-tea-utensils_23-2150163276.jpg",
|
||||
},
|
||||
id: "6", name: "Matcha Delight", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/close-up-matcha-tea-utensils_23-2150163276.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Indulge in our carefully crafted selection of beverages and artisanal treats."
|
||||
@@ -159,20 +116,11 @@ export default function LandingPage() {
|
||||
description="Experience more than just coffee—an environment designed for literary minds."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Library Collection",
|
||||
content: "Browse thousands of books available to borrow or enjoy at your table.",
|
||||
},
|
||||
id: "f1", title: "Library Collection", content: "Browse thousands of books available to borrow or enjoy at your table."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quiet Atmosphere",
|
||||
content: "The perfect place for working, writing, or getting lost in a good book.",
|
||||
},
|
||||
id: "f2", title: "Quiet Atmosphere", content: "The perfect place for working, writing, or getting lost in a good book."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Events & Poetry",
|
||||
content: "Join our weekend poetry readings and literary discussions.",
|
||||
},
|
||||
id: "f3", title: "Events & Poetry", content: "Join our weekend poetry readings and literary discussions."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-cup-tea-books-burning-candle-beautiful-candlestick-home-comfort-concept_169016-9931.jpg"
|
||||
@@ -188,26 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Rohan",
|
||||
role: "Head Barista",
|
||||
description: "Coffee artist with 5 years of mastery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-healthy-middleaged-man-holding-green-apple-laughing-smiling-carefree-standing_1258-137692.jpg",
|
||||
},
|
||||
id: "m1", name: "Rohan", role: "Head Barista", description: "Coffee artist with 5 years of mastery.", imageSrc: "http://img.b2bpic.net/free-photo/image-happy-healthy-middleaged-man-holding-green-apple-laughing-smiling-carefree-standing_1258-137692.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Priya",
|
||||
role: "Lead Librarian",
|
||||
description: "Passionate about classic literature and lore.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-looking-away_23-2147774838.jpg",
|
||||
},
|
||||
id: "m2", name: "Priya", role: "Lead Librarian", description: "Passionate about classic literature and lore.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-looking-away_23-2147774838.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Sanjay",
|
||||
role: "Manager",
|
||||
description: "The soul of Books n Brew operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-bearded-male-fashionable-hat-having-cappuccino-sitting-wooden-table-with-mug-outdoor-coffee-shop_273609-1625.jpg",
|
||||
},
|
||||
id: "m3", name: "Sanjay", role: "Manager", description: "The soul of Books n Brew operations.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-bearded-male-fashionable-hat-having-cappuccino-sitting-wooden-table-with-mug-outdoor-coffee-shop_273609-1625.jpg"},
|
||||
]}
|
||||
title="Meet Our Baristas"
|
||||
description="Crafting excellence, one cup at a time."
|
||||
@@ -221,59 +154,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Reader",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-enthusiastic-caucasian-blond-woman-casual-outfit-give-customers-sincere-friendly-smile-brighten-up-day-as-feeling-upbeat-happy-grinning-delighted-stand-white-background_176420-36835.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Reader", company: "Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-enthusiastic-caucasian-blond-woman-casual-outfit-give-customers-sincere-friendly-smile-brighten-up-day-as-feeling-upbeat-happy-grinning-delighted-stand-white-background_176420-36835.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Vikram K.",
|
||||
role: "Writer",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-148919.jpg",
|
||||
},
|
||||
id: "t2", name: "Vikram K.", role: "Writer", company: "Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-148919.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ananya D.",
|
||||
role: "Student",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg",
|
||||
},
|
||||
id: "t3", name: "Ananya D.", role: "Student", company: "Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark R.",
|
||||
role: "Tourist",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-relaxing-with-magazine-home_329181-4302.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark R.", role: "Tourist", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-relaxing-with-magazine-home_329181-4302.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena P.",
|
||||
role: "Designer",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-student-woman-library_329181-14867.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena P.", role: "Designer", company: "Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-student-woman-library_329181-14867.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Books Borrowed",
|
||||
},
|
||||
value: "500+", label: "Books Borrowed"},
|
||||
{
|
||||
value: "1200",
|
||||
label: "Cups Served",
|
||||
},
|
||||
value: "1200", label: "Cups Served"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="See what our regulars have to say about the café experience."
|
||||
@@ -285,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you accept digital payments?",
|
||||
content: "Yes, we accept all major UPI payments including GPay and PhonePay.",
|
||||
},
|
||||
id: "faq1", title: "Do you accept digital payments?", content: "Yes, we accept all major UPI payments including GPay and PhonePay."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I book a table?",
|
||||
content: "Absolutely! Reach out to us via our contact number to reserve your spot.",
|
||||
},
|
||||
id: "faq2", title: "Can I book a table?", content: "Absolutely! Reach out to us via our contact number to reserve your spot."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is the library free to use?",
|
||||
content: "The library is for our cafe patrons. Simply order a drink to enjoy our collection.",
|
||||
},
|
||||
id: "faq3", title: "Is the library free to use?", content: "The library is for our cafe patrons. Simply order a drink to enjoy our collection."},
|
||||
]}
|
||||
sideTitle="Common Queries"
|
||||
sideDescription="Need quick info? Here is everything you need to know about our cafe."
|
||||
@@ -310,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Visit Books n Brew"
|
||||
description="Have questions or want to make a reservation? Call us at +91 98765 43210 or follow our social media."
|
||||
@@ -326,14 +218,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/books.n.brew", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/books.n.brew", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/919876543210", ariaLabel: "WhatsApp"},
|
||||
{
|
||||
icon: Utensils,
|
||||
href: "https://swiggy.com/restaurants/books-n-brew", ariaLabel: "Swiggy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user