Update src/app/page.tsx
This commit is contained in:
128
src/app/page.tsx
128
src/app/page.tsx
@@ -8,19 +8,19 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Flame, Leaf, Award, Car, Pizza } from 'lucide-react';
|
||||
import { Star, Mail, MapPin } from 'lucide-react';
|
||||
|
||||
const navItems = [
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'Menu', id: '#menu' },
|
||||
{ name: 'About', id: '#about' },
|
||||
{ name: 'Contact', id: '#contact' }
|
||||
{ name: 'Menu', id: '/menu' },
|
||||
{ name: 'About', id: '/about' },
|
||||
{ name: 'Contact', id: '/contact' }
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
@@ -28,102 +28,78 @@ export default function HomePage() {
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} brandName="Mister V’s" />
|
||||
<NavbarStyleCentered navItems={navItems} brandName="CafeFlow" />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Experience the Art of Coffee"
|
||||
description="Hand-roasted beans, expert brewing, and a cozy atmosphere await you."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Westchester’s Best-Kept Secret… Until Now."
|
||||
description="Award-worthy pizza, unforgettable flavors, and service that feels like family."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250087.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Loved by our locals"
|
||||
buttons={[{ text: "Order Now", href: "#" }, { text: "View Menu", href: "#menu" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: 'text-icon', text: "Wood-Fired", icon: Flame },
|
||||
{ type: 'text-icon', text: "Locally Sourced", icon: Leaf },
|
||||
{ type: 'text-icon', text: "Family Recipes", icon: Award },
|
||||
{ type: 'text-icon', text: "Fast Delivery", icon: Car },
|
||||
{ type: 'text-icon', text: "Authentic Italian", icon: Pizza }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Loved by Locals"
|
||||
description="Don't just take our word for it—our neighbors say it best."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Local Resident", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
|
||||
{ id: "2", name: "Mike D.", role: "Frequent Diner", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Community Member", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Business Owner", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||
{ id: "5", name: "Brian W.", role: "Foodie", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg" }
|
||||
]}
|
||||
avatars={[{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200", alt: "User" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Signature Menu"
|
||||
description="Our most loved beverages and treats."
|
||||
products={[
|
||||
{ id: "1", name: "Espresso", price: "$3.50", imageSrc: "https://images.unsplash.com/photo-1510591509098-f4fdc6d0ff04?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "2", name: "Latte", price: "$4.50", imageSrc: "https://images.unsplash.com/photo-1570968915860-54da5c3a416b?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "3", name: "Cappuccino", price: "$4.25", imageSrc: "https://images.unsplash.com/photo-1534778101976-62847bb82c03?auto=format&fit=crop&q=80&w=400" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="Loved by Locals"
|
||||
description="See what our community has to say."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Designer", company: "Creative Studio", rating: 5, imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200" },
|
||||
{ id: "2", name: "Mark T.", role: "Developer", company: "Tech Solutions", rating: 5, imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=200" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Every Bite Tells You Why People Come Back."
|
||||
description="From signature pies to Italian classics, we craft every order with precision."
|
||||
products={[
|
||||
{ id: "1", name: "Classic Cheese", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-near-tomatoes-sauce_23-2147772125.jpg" },
|
||||
{ id: "2", name: "Sicilian Pie", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-delicious-pizza-slice-with-fresh-mushrooms-tomatoes-red-peppers-brown-desk_140725-32570.jpg" },
|
||||
{ id: "3", name: "Chicken Bacon Ranch", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cut-pizza-wooden-desk_181624-28457.jpg" },
|
||||
{ id: "4", name: "White Pizza", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-fresh-cheese_23-2150096956.jpg" },
|
||||
{ id: "5", name: "Shrimp Parm", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/grilled-lobster-with-butter-garlic_1203-9963.jpg" },
|
||||
{ id: "6", name: "Eggplant Meatballs", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/fresh-watermelon-feta-salad-with-mint-red-onion_123827-36117.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="We Don’t Cut Corners. We Perfect Them."
|
||||
description="You don’t just grab a slice here. You walk in, and you’re taken care of. A welcoming team, consistent quality, and a space where you feel right at home."
|
||||
<SplitAbout
|
||||
title="Our Story"
|
||||
description="We believe in sustainable sourcing and the perfect roast."
|
||||
bulletPoints={[
|
||||
{ title: "Crafted with Precision", description: "High-quality cheese and perfectly balanced sauce." },
|
||||
{ title: "Hospitality-First Team", description: "We treat every guest like family." },
|
||||
{ title: "Community Heart", description: "Supporting schools, teams, and local events." }
|
||||
{ title: "Ethical", description: "Fair trade sourcing.", icon: Star },
|
||||
{ title: "Local", description: "Roasted in town.", icon: MapPin }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-barista-black-apron-holding-coffee-cup-laughing-standing-yellow-background_1258-163541.jpg"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for your next favorite meal?"
|
||||
description="Call us to order or visit us at our location. Delivery available."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"
|
||||
<ContactSplit
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Get the latest coffee news delivered to your inbox."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Mister V’s"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
<FooterLogoReveal
|
||||
logoText="CafeFlow"
|
||||
leftLink={{ text: "Privacy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user