Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f7eb427881 | |||
| 9c71480ba8 | |||
| be72577045 | |||
| 6ad0e99f25 | |||
| 93b97dd0fb |
248
src/app/page.tsx
248
src/app/page.tsx
@@ -2,17 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Shield, Star, Zap } from "lucide-react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Target, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,152 +19,107 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Paper Moon Coffee House and Functions"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[{name: "About", id: "#about"}, {name: "Features", id: "#features"}, {name: "Contact", id: "#contact"}]}
|
||||
brandName="Vision Power Strike"
|
||||
button={{text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Coffee, Community, and Connection."
|
||||
description="Experience the warm atmosphere of Paper Moon Coffee House, where every cup is crafted with care and every function is perfectly hosted."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/freshly-brewed-coffee-coffee-shop_23-2148967918.jpg", imageAlt: "Coffee House" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-latte-with-latte-art-coffee-shop_23-2148967926.jpg", imageAlt: "Latte" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-coffee-shop-interior_23-2148967920.jpg", imageAlt: "Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-coffee-shop_23-2148967931.jpg", imageAlt: "Customers" },
|
||||
]}
|
||||
buttons={[{ text: "Order Now", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroPersonalLinks
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Vision Power Strike"
|
||||
linkCards={[
|
||||
{ title: "Optical Strikers", description: "High-precision equipment for mission-critical tasks.", button: { text: "Learn More" } },
|
||||
{ title: "Performance Specs", description: "Engineered for durability and absolute accuracy.", button: { text: "View Specs" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "About Paper Moon Coffee House" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Precision Redefined"
|
||||
description="Vision Power Strike combines cutting-edge optical engineering with rugged field reliability. We deliver the tools that set the standard for performance."
|
||||
metrics={[{ value: "10k+", title: "Units Deployed" }, { value: "99.9%", title: "Success Rate" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Star, title: "Freshly Roasted", description: "Sourced ethically and roasted to perfection daily." },
|
||||
{ icon: Shield, title: "Cozy Environment", description: "A perfect space for working, meetings, or relaxing." },
|
||||
{ icon: Zap, title: "Event Hosting", description: "Versatile space for functions and private gatherings." },
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="Beyond just coffee, we provide an experience rooted in local quality and communal warmth."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
title="Engineering Excellence"
|
||||
description="Built for those who demand the impossible."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Tactical Focus", description: "Advanced lens technology for superior clarity.", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-microchip-background_23-2148858801.jpg?_wi=1" }, items: [{ icon: Target, text: "Precision optics" }], reverse: false },
|
||||
{ title: "Built Tough", description: "Designed to withstand the most extreme conditions.", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-microchip-background_23-2148858801.jpg?_wi=2" }, items: [{ icon: Shield, text: "Military grade" }], reverse: true }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "nachos", brand: "Menu", name: "Special Nachos", price: "$12.99", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-nachos-with-vegetables-plate_23-2148858801.jpg"}
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Try our fan-favorite Special Nachos, featuring generous portions of crispy chips smothered in melted cheese, topped with our signature homemade guacamole, pico de gallo, and zesty jalapeños. Perfect for sharing or enjoying solo—vegetarian options are available upon request."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Performance Metrics"
|
||||
tag="Proven Results"
|
||||
metrics={[{ id: "1", value: "500ms", description: "Response latency" }, { id: "2", value: "15km", description: "Optical range" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1000+", title: "Cups Served", items: ["Daily average", "Highest quality beans"] },
|
||||
{ id: "m2", value: "50+", title: "Events Hosted", items: ["Private gatherings", "Community functions"] },
|
||||
{ id: "m3", value: "10+ years", title: "Community Roots", items: ["Established favorite", "Local business"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We pride ourselves on serving our neighborhood with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Trusted by Professionals"
|
||||
description="See what our industry partners are saying."
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{ id: "1", name: "Alex Vance", handle: "@ops_lead", testimonial: "The precision of this equipment is unparalleled in the field.", rating: 5 }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-coffee-cup_23-2148967919.jpg" },
|
||||
{ id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-coffee-cafe_23-2148967923.jpg" },
|
||||
]}
|
||||
cardTitle="What People Say"
|
||||
cardTag="Loved by Locals"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Common Inquiries"
|
||||
description="Frequently asked questions about our technology."
|
||||
faqs={[{ id: "1", title: "How is the calibration done?", content: "Automated factory calibration ensures consistent performance out of the box." }]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Can I book the venue?", content: "Yes! We specialize in functions and private events. Contact us for details." },
|
||||
{ id: "f2", title: "Are there vegan options?", content: "Yes, we have a variety of plant-based drinks and food options." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-interior-blurred_23-2148967925.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="FAQ"
|
||||
description="Answers to questions about our menu, space, and events."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Let's Connect"
|
||||
title="Ready for the Next Level?"
|
||||
description="Reach out to our engineering team to discuss your specific requirements."
|
||||
buttons={[{ text: "Contact Our Team", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Visit us for your morning brew or book your next event today!"
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@papermoon.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Visit", items: [{ label: "Location", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Paper Moon Coffee House"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Vision Power Strike"
|
||||
columns={[{ items: [{ label: "Home" }, { label: "Legal" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user