157 lines
7.9 KiB
TypeScript
157 lines
7.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award, Smile, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Cafe Cream Stone"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{ variant: "plain" }}
|
|
title="Irving's Premier Dessert Experience"
|
|
description="Artisan stone-mixed ice cream creations crafted fresh daily. Experience the perfect blend of texture and flavor at North MacArthur Boulevard."
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-person-mixing-ingredients-with-mixer_23-2147758426.jpg", imageAlt: "artisan ice cream stone slab" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-ice-cream-container_23-2148141367.jpg", imageAlt: "ice cream scoop close up" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/variety-ice-cream-flavors-display_23-2151991288.jpg", imageAlt: "cafe interior cozy design" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Why We're Irving's Favorite"
|
|
metrics={[
|
|
{ icon: Star, label: "Top Rated", value: "4.9/5" },
|
|
{ icon: Award, label: "Artisan Creations", value: "50+" },
|
|
{ icon: Smile, label: "Happy Guests", value: "10k+" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Midnight Chocolate", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/pair-dessert-topped-with-ice-cream_141793-436.jpg" },
|
|
{ id: "2", name: "Berry Bliss", price: "$8.49", imageSrc: "http://img.b2bpic.net/free-photo/waffle-cone-near-fresh-berries-ice-cream-dishes-spoon-melted-ice_23-2148107710.jpg" },
|
|
{ id: "3", name: "Classic Vanilla Bean", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409604.jpg" }
|
|
]}
|
|
title="Our Signature Creations"
|
|
description="Choose your favorite base and mix in our premium selection of fresh fruits, chocolates, and nuts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Fresh Daily", description: "We prepare our cream bases from scratch every morning.", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-chocolate-cookies-chocolate-cookies-bowls-strawberries-citrus-fruits-cinnamon-sticks-table_140725-123002.jpg" },
|
|
{ title: "Stone Crafted", description: "Mixed right before your eyes on our signature frozen slab.", imageSrc: "http://img.b2bpic.net/free-photo/couple-getting-spices-supermarket_23-2149483152.jpg" },
|
|
{ title: "Local Favorite", description: "Proudly serving the Irving community for years.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-687.jpg" },
|
|
]}
|
|
title="The Cream Stone Difference"
|
|
description="Quality you can taste in every single spoonful."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/positive-brunette-woman-laughing-sincerely-striped-background-shorthaired-girl-orange-sweatshirt-smiling-outdoors_197531-29500.jpg" },
|
|
{ id: "2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg" },
|
|
{ id: "3", name: "Emily K.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg" },
|
|
]}
|
|
cardTitle="What Irving Says"
|
|
cardTag="Reviews"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "1", title: "Do you offer vegan options?", content: "Yes! We offer a variety of vegan bases and fruit mix-ins." },
|
|
{ id: "2", title: "Where are you located?", content: "We are located on North MacArthur Boulevard in Irving, TX." },
|
|
{ id: "3", title: "Do you cater events?", content: "Absolutely, reach out to us via the contact form to discuss your event." },
|
|
]}
|
|
sideTitle="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Us Today"
|
|
description="Have a question or want to book an event? Drop us a line."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bicycle-city-health-leisure-town-urban-vehicle_53876-23383.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/flowers-terrace_23-2147987410.jpg"
|
|
logoText="Cafe Cream Stone"
|
|
columns={[
|
|
{ title: "Links", items: [{ label: "Products", href: "#products" }, { label: "About", href: "#about" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|