Update src/app/page.tsx
This commit is contained in:
397
src/app/page.tsx
397
src/app/page.tsx
@@ -16,289 +16,140 @@ import { Award, Smile, Star } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
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: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Cafe Cream Stone"
|
||||
/>
|
||||
</div>
|
||||
<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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg",
|
||||
imageAlt: "artisan ice cream stone slab",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-red-icing-chocolate-chips-white-surface-biscuit-cake-biscuit-sweet-cookies-pie_140725-118220.jpg",
|
||||
imageAlt: "ice cream scoop close up",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</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="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",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Caramel Crunch",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-italian-pasta-with-fried-onions-blue_140725-78110.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nutty Delight",
|
||||
price: "$8.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-nougat-with-nuts_23-2148431186.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tropical Fruit Mix",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ice-cream-sorbet-with-berries_23-2148425340.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="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="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",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10246.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-browsing-internet-cafe_1153-7402.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Irving Says"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</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="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="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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user