Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
207
src/app/page.tsx
207
src/app/page.tsx
@@ -1,168 +1,57 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
'use client';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Zap, Shield, Star, Globe, Circle } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Centro Norcross"
|
||||
button={{ text: "View Menu", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Norcross Hidden Gem of Colombian Flavor"
|
||||
description="Fresh-baked pastries, rich coffee, and authentic comfort food made with heart. One bite and you'll understand why everyone's talking about Centro."
|
||||
buttons={[{ text: "View Menu & Visit Today", href: "#menu" }]}
|
||||
carouselItems={[
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/food-plate-jam-background-healthy_1203-5151.jpg", imageAlt: "Fresh colombian empanadas warm" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/fragrant-espresso-black-table-drop-coffee-from-pot-falls-into-cup_166373-2007.jpg", imageAlt: "Colombian coffee pouring mug" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/candy-bar-with-desserts-wedding_1303-24906.jpg", imageAlt: "Warm bakery storefront wood" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-panettone-composition_23-2149173040.jpg", imageAlt: "Pandebono warm fresh baked" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-female-barista-making-coffee-holding-cup-tea-taking-it-cafe_1258-199247.jpg", imageAlt: "Smiling barista making coffee" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-tasty-apples-cinnamon-sticks_23-2148325681.jpg", imageAlt: "Chocolate pastry sweet dessert" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Authentic Family Flavor"
|
||||
description="Centro Norcross was born from a desire to bring the warmth of our grandmother's kitchen to the heart of Norcross. We bake everything daily using secret family recipes that celebrate Colombian culture and heritage."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186416.jpg"
|
||||
imageAlt="Family owned bakery team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Artisan Pastries", description: "Crispy, buttery, and filled with love. Our selection includes classic bunuelos and pandebono.", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379531.jpg", imageAlt: "View of delicious baked bread in the pastry shop" },
|
||||
{ title: "Rich Coffee", description: "Sourced directly from Colombian farms, our coffee is roasted to perfection for bold flavor.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-making-coffee-pouring-steamed-milk-into-cappuccino-doing-latte-art-cup_1258-203387.jpg", imageAlt: "Smiling asian barista girl making coffee" },
|
||||
{ title: "Comfort Classics", description: "Traditional empanadas and savory delights that feel like a warm hug from home.", imageSrc: "http://img.b2bpic.net/free-photo/plate-dish-snack-restaurant-assorted_1203-5602.jpg", imageAlt: "Plate dish snack restaurant assorted" },
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Handcrafted daily with premium ingredients to transport your taste buds straight to Bogotá."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact in Norcross"
|
||||
tag="Growing Community"
|
||||
metrics={[
|
||||
{ id: "m1", value: "12+", description: "Family Recipes" },
|
||||
{ id: "m2", value: "5000+", description: "Cups of Coffee Served" },
|
||||
{ id: "m3", value: "100%", description: "Authentic Ingredients" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Maria Elena", role: "Expats Club Member", testimonial: "Finally, the flavors of my childhood right here in Norcross. It feels like home.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-barista-girl_23-2148436110.jpg" },
|
||||
{ id: "t2", name: "Carlos Gomez", role: "Local Professional", testimonial: "Best morning coffee and empanadas. A daily ritual for me now.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-young-male-student-with-dreads-tattoos-casually-drinking-coffee-from-takeawa_1258-113414.jpg" },
|
||||
{ id: "t3", name: "The Rodriguez Family", role: "Food Enthusiasts", testimonial: "We love coming here on Sunday mornings. The kids adore the cheese bread!", imageSrc: "http://img.b2bpic.net/free-photo/family-three-spending-time-together-outdoors-father-s-day_23-2150167851.jpg" },
|
||||
{ id: "t4", name: "Sophia Miller", role: "Food Blogger", testimonial: "Instagram paradise! The interior is as beautiful as the pastries are delicious.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-drink_23-2149250076.jpg" },
|
||||
{ id: "t5", name: "David Clark", role: "Frequent Customer", testimonial: "Exceptional service and even better quality. A true Norcross hidden gem.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-talking-phone-cafe_637285-8846.jpg" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our neighbors are saying about their Centro experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer catering?", content: "Yes, we offer catering for events, offices, and celebrations. Contact us for custom packages." },
|
||||
{ id: "q2", title: "Are all your products gluten-free?", content: "Some of our items are naturally gluten-free, but we are not a dedicated facility. Please ask our staff." },
|
||||
{ id: "q3", title: "Do you accept pre-orders?", content: "Yes, you can pre-order your favorites through our website or by calling the cafe." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/country-musicians-lifestyle-indoors_23-2151169630.jpg"
|
||||
title="Frequently Asked"
|
||||
description="Have questions about our bakery? We have the answers."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="Bakery kitchen organized shelves"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Norcross Foodies", "Expats GA", "Downtown Business Association", "Georgia Hospitality Board", "Local Coffee Collective", "Atlanta Brunch Club", "Heritage Foundation"]}
|
||||
title="Proudly Supported By"
|
||||
description="Partnering with the best local businesses and community organizations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Centro Today"
|
||||
description="Whether you have a question, a catering request, or just want to say hi, we'd love to hear from you. Visit our bakery and experience the flavor of Colombia."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-young-thoughtful-woman-with-cup-drink-cafe-through-window_23-2148071681.jpg"
|
||||
imageAlt="Bakery cafe front view"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Centro Norcross"
|
||||
copyrightText="© 2025 Centro Norcross Bakery & Café"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Welcome"
|
||||
description="Experience our platform."
|
||||
background={{ variant: 'animated-grid' }}
|
||||
carouselItems={Array.from({ length: 6 }).map((_, i) => ({ id: `h${i}`, imageSrc: 'https://images.unsplash.com/photo-1614064641938-06bee5d6150a' }))}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout title="About Us" description="Dedicated to excellence." />
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardSix title="Features" description="Discover what we offer." textboxLayout="default" features={[{ title: 'Fast', description: 'Very fast' }, { title: 'Secure', description: 'Very secure' }]} />
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen title="Metrics" metrics={[{ id: 'm1', value: '100+', description: 'Users' }]} metricsAnimation="opacity" />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo title="Testimonials" animationType="opacity" textboxLayout="default" testimonials={[{ id: 't1', name: 'John', role: 'Dev', testimonial: 'Great!', icon: Star }]} />
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia title="FAQ" faqs={[{ id: 'f1', title: 'Question', content: 'Answer' }]} faqsAnimation="opacity" textboxLayout="default" />
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne title="Trusted By" names={['Company A', 'Company B']} textboxLayout="default" />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm title="Contact" description="Let's talk" inputs={[{ name: 'email', type: 'email', placeholder: 'Email' }, { name: 'msg', type: 'text', placeholder: 'Message' }]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard logoText="Brand" socialLinks={[{ icon: Globe, href: '#', ariaLabel: 'Web' }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user