Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8cb284623a | |||
| b06ff9ec0d | |||
| 0ddb321539 | |||
| 5304d2e58d |
200
src/app/page.tsx
200
src/app/page.tsx
@@ -1,14 +1,6 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ContactInline from '@/components/sections/contact/ContactInline';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Coffee, Leaf, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,178 +16,24 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Pei Chai"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Savor the Perfect Cup"
|
||||
description="Experience premium specialty coffee crafted with passion and expertise. Every cup tells a story of quality, tradition, and extraordinary taste."
|
||||
tag="Premium Coffee Roastery"
|
||||
tagIcon={Coffee}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504472539-8fcfbdrv.jpg"
|
||||
imageAlt="Perfectly brewed specialty coffee"
|
||||
imagePosition="right"
|
||||
kpis={[
|
||||
{ value: "15+ Years", label: "Coffee Expertise" },
|
||||
{ value: "98%", label: "Customer Satisfaction" },
|
||||
{ value: "100%", label: "Premium Beans" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Menu", href: "menu" },
|
||||
{ text: "Visit Us", href: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAboutCards
|
||||
title="Our Coffee Story"
|
||||
description="We believe in the art and science of coffee. From ethically sourced beans to meticulous brewing, every detail matters."
|
||||
tag="About Pei Chai"
|
||||
tagIcon={Leaf}
|
||||
useInvertedBackground="noInvert"
|
||||
features={[
|
||||
{
|
||||
id: "sourcing",
|
||||
title: "Ethical Sourcing",
|
||||
description: "We partner directly with sustainable coffee farms around the world to bring you the finest, responsibly sourced beans.",
|
||||
label: "Fair Trade Certified"
|
||||
},
|
||||
{
|
||||
id: "expertise",
|
||||
title: "Master Craftsmanship",
|
||||
description: "Our expert baristas are trained in the art of coffee preparation, ensuring every cup is crafted to perfection.",
|
||||
label: "Award Winning"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
title="Featured Coffee Selection"
|
||||
description="Discover our carefully curated collection of premium coffee blends and specialty drinks"
|
||||
tag="Menu"
|
||||
tagIcon={Coffee}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Pei Chai",
|
||||
name: "Ethiopian Single Origin",
|
||||
price: "$6.50",
|
||||
rating: 5,
|
||||
reviewCount: "245",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
|
||||
imageAlt: "Ethiopian single origin coffee beans"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Pei Chai",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$5.25",
|
||||
rating: 5,
|
||||
reviewCount: "312",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504474728-99fm34ha.jpg",
|
||||
imageAlt: "Creamy cappuccino with latte art"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Pei Chai",
|
||||
name: "House Blend Espresso",
|
||||
price: "$4.75",
|
||||
rating: 5,
|
||||
reviewCount: "428",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504473794-0y0fa6ua.jpg",
|
||||
imageAlt: "Barista pouring house blend espresso"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="What Our Customers Say"
|
||||
description="Real stories from coffee lovers who experience Pei Chai daily"
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Regular Customer",
|
||||
testimonial: "Best espresso I've had in years. The baristas truly understand their craft. I'm hooked!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504478198-a0v2ow55.jpg",
|
||||
imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "The single origin beans are exceptional. You can taste the terroir in every sip. Highly recommend!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504479291-mwki9tis.jpg",
|
||||
imageAlt: "James Chen"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Daily Visitor",
|
||||
testimonial: "Love the cozy atmosphere and friendly staff. My favorite morning spot in the city!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480040-nh70p4ru.jpg",
|
||||
imageAlt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Park",
|
||||
role: "Coffee Connoisseur",
|
||||
testimonial: "Pei Chai sets the standard for specialty coffee. Consistency, quality, and passion in every cup.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480835-8xmeyz3k.jpg",
|
||||
imageAlt: "Michael Park"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactInline
|
||||
text="Ready to experience premium coffee?"
|
||||
animationType="reveal-blur"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Updates"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pei Chai"
|
||||
/>
|
||||
<div className="min-h-screen bg-background">
|
||||
<div className="container mx-auto px-4 py-16">
|
||||
<div className="text-center space-y-8">
|
||||
<h1 className="text-6xl font-light text-foreground">Pei Chai</h1>
|
||||
<p className="text-xl text-muted-foreground max-w-2xl mx-auto">
|
||||
Experience premium specialty coffee crafted with passion and expertise.
|
||||
Every cup tells a story of quality, tradition, and extraordinary taste.
|
||||
</p>
|
||||
<div className="flex justify-center gap-4 mt-8">
|
||||
<button className="px-8 py-3 bg-primary text-primary-foreground rounded-full hover:opacity-90 transition-opacity">
|
||||
Explore Menu
|
||||
</button>
|
||||
<button className="px-8 py-3 border border-border text-foreground rounded-full hover:bg-muted transition-colors">
|
||||
Visit Us
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user