Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Best Sellers",
|
||||
id: "products",
|
||||
},
|
||||
name: "Best Sellers", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sweet Delights"
|
||||
/>
|
||||
@@ -53,108 +45,58 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Handcrafted Cheesecakes & Premium Desserts in City"
|
||||
description="Freshly made. Pickup only. Loved by 150+ happy customers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@foodie",
|
||||
testimonial: "Heaven for cheesecake lovers… melts in the mouth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-topped-with-cream-cherries_141793-658.jpg?_wi=1",
|
||||
imageAlt: "fresh cheesecake on wooden table",
|
||||
},
|
||||
name: "Sarah J.", handle: "@foodie", testimonial: "Heaven for cheesecake lovers… melts in the mouth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-topped-with-cream-cherries_141793-658.jpg", imageAlt: "fresh cheesecake on wooden table"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@localguide",
|
||||
testimonial: "Top-notch quality and beautifully made desserts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-fresh-strawberries-dark-blue-desk_140725-115328.jpg?_wi=1",
|
||||
imageAlt: "blueberry cheesecake slice close up",
|
||||
},
|
||||
name: "Mark D.", handle: "@localguide", testimonial: "Top-notch quality and beautifully made desserts.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-fresh-strawberries-dark-blue-desk_140725-115328.jpg", imageAlt: "blueberry cheesecake slice close up"},
|
||||
{
|
||||
name: "Emily P.",
|
||||
handle: "@dessertfan",
|
||||
testimonial: "The best Lotus cheesecake I have ever tasted!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg?_wi=1",
|
||||
imageAlt: "lotus biscoff cheesecake dessert",
|
||||
},
|
||||
name: "Emily P.", handle: "@dessertfan", testimonial: "The best Lotus cheesecake I have ever tasted!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg", imageAlt: "lotus biscoff cheesecake dessert"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@baker",
|
||||
testimonial: "Stunning presentation and incredible flavor profiles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slice-inside-plate-dark-background-love-photo-sweet-pie-dessert-birthday-sugar_140725-160766.jpg?_wi=1",
|
||||
imageAlt: "fresh milk cake dessert",
|
||||
},
|
||||
name: "David L.", handle: "@baker", testimonial: "Stunning presentation and incredible flavor profiles.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slice-inside-plate-dark-background-love-photo-sweet-pie-dessert-birthday-sugar_140725-160766.jpg", imageAlt: "fresh milk cake dessert"},
|
||||
{
|
||||
name: "Anna K.",
|
||||
handle: "@customer",
|
||||
testimonial: "Perfect for our birthday celebrations. Truly loved it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg?_wi=1",
|
||||
imageAlt: "signature chocolate dessert",
|
||||
},
|
||||
name: "Anna K.", handle: "@customer", testimonial: "Perfect for our birthday celebrations. Truly loved it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg", imageAlt: "signature chocolate dessert"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Order",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call to Order", href: "tel:5550123456"},
|
||||
{
|
||||
text: "Place an Inquiry",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Place an Inquiry", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dessert-topped-with-cream-cherries_141793-658.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dessert-topped-with-cream-cherries_141793-658.jpg"
|
||||
imageAlt="Handcrafted dessert selection"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-fresh-strawberries-dark-blue-desk_140725-115328.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-fresh-strawberries-dark-blue-desk_140725-115328.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg",
|
||||
alt: "Mark D.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg", alt: "Mark D."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slice-inside-plate-dark-background-love-photo-sweet-pie-dessert-birthday-sugar_140725-160766.jpg",
|
||||
alt: "Emily P.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slice-inside-plate-dark-background-love-photo-sweet-pie-dessert-birthday-sugar_140725-160766.jpg", alt: "Emily P."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg",
|
||||
alt: "David L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg", alt: "David L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/strawberry-tart-with-custard_2829-14276.jpg",
|
||||
alt: "Anna K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/strawberry-tart-with-custard_2829-14276.jpg", alt: "Anna K."},
|
||||
]}
|
||||
avatarText="Join 150+ happy cheesecake lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked",
|
||||
},
|
||||
type: "text", text: "Freshly Baked"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Daily",
|
||||
},
|
||||
type: "text", text: "Handcrafted Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
type: "text", text: "Premium Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Quality",
|
||||
},
|
||||
type: "text", text: "Artisan Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Recipes",
|
||||
},
|
||||
type: "text", text: "Family Recipes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,47 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Blueberry Cheesecake",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-fresh-strawberries-dark-blue-desk_140725-115328.jpg?_wi=2",
|
||||
imageAlt: "Blueberry Cheesecake",
|
||||
},
|
||||
id: "p1", name: "Blueberry Cheesecake", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-fresh-strawberries-dark-blue-desk_140725-115328.jpg", imageAlt: "Blueberry Cheesecake"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lotus Biscoff Cheesecake",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg?_wi=2",
|
||||
imageAlt: "Lotus Biscoff Cheesecake",
|
||||
},
|
||||
id: "p2", name: "Lotus Biscoff Cheesecake", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg", imageAlt: "Lotus Biscoff Cheesecake"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Milk Cake",
|
||||
price: "$7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slice-inside-plate-dark-background-love-photo-sweet-pie-dessert-birthday-sugar_140725-160766.jpg?_wi=2",
|
||||
imageAlt: "Signature Milk Cake",
|
||||
},
|
||||
id: "p3", name: "Signature Milk Cake", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slice-inside-plate-dark-background-love-photo-sweet-pie-dessert-birthday-sugar_140725-160766.jpg", imageAlt: "Signature Milk Cake"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg?_wi=2",
|
||||
imageAlt: "Dark Chocolate Ganache",
|
||||
},
|
||||
id: "p4", name: "Dark Chocolate Ganache", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg", imageAlt: "Dark Chocolate Ganache"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Strawberry Fruit Tart",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-tart-with-custard_2829-14276.jpg?_wi=1",
|
||||
imageAlt: "Strawberry Fruit Tart",
|
||||
},
|
||||
id: "p5", name: "Strawberry Fruit Tart", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-tart-with-custard_2829-14276.jpg", imageAlt: "Strawberry Fruit Tart"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Vanilla Bean",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake_74190-2550.jpg",
|
||||
imageAlt: "Classic Vanilla Bean",
|
||||
},
|
||||
id: "p6", name: "Classic Vanilla Bean", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake_74190-2550.jpg", imageAlt: "Classic Vanilla Bean"},
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Our most popular treats, freshly crafted just for you."
|
||||
@@ -216,44 +128,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Food Blogger",
|
||||
testimonial: "The best cheesecake I've ever had in the city!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-fresh-strawberries-dark-blue-desk_140725-115328.jpg?_wi=3",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "Food Blogger", testimonial: "The best cheesecake I've ever had in the city!", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-fresh-strawberries-dark-blue-desk_140725-115328.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Local Guide",
|
||||
testimonial: "Amazing quality and always fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg?_wi=3",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "Local Guide", testimonial: "Amazing quality and always fresh.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Event Planner",
|
||||
testimonial: "Perfect for our office party desserts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slice-inside-plate-dark-background-love-photo-sweet-pie-dessert-birthday-sugar_140725-160766.jpg?_wi=3",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Event Planner", testimonial: "Perfect for our office party desserts.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slice-inside-plate-dark-background-love-photo-sweet-pie-dessert-birthday-sugar_140725-160766.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Regular Customer",
|
||||
testimonial: "Super creamy and not too sweet. Perfect balance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg?_wi=3",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Regular Customer", testimonial: "Super creamy and not too sweet. Perfect balance.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane Smith",
|
||||
role: "Dessert Enthusiast",
|
||||
testimonial: "I highly recommend the Lotus flavor!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-tart-with-custard_2829-14276.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Jane Smith", role: "Dessert Enthusiast", testimonial: "I highly recommend the Lotus flavor!", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-tart-with-custard_2829-14276.jpg"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our lovely customers say about their experience."
|
||||
@@ -266,25 +154,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does pickup work?",
|
||||
content: "Once your order is ready, you'll receive a confirmation with the pickup time and address.",
|
||||
},
|
||||
id: "f1", title: "How does pickup work?", content: "Once your order is ready, you'll receive a confirmation with the pickup time and address."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are desserts freshly made?",
|
||||
content: "Yes, all our desserts are freshly handcrafted per order.",
|
||||
},
|
||||
id: "f2", title: "Are desserts freshly made?", content: "Yes, all our desserts are freshly handcrafted per order."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I customize orders?",
|
||||
content: "We offer limited customizations for larger orders. Contact us for inquiries.",
|
||||
},
|
||||
id: "f3", title: "Can I customize orders?", content: "We offer limited customizations for larger orders. Contact us for inquiries."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What is the price range?",
|
||||
content: "Most items range from $7 to $12 depending on the complexity.",
|
||||
},
|
||||
id: "f4", title: "What is the price range?", content: "Most items range from $7 to $12 depending on the complexity."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about our pickup process."
|
||||
@@ -299,28 +175,17 @@ export default function LandingPage() {
|
||||
description="Ready to indulge? Reach out and we'll confirm your dessert order."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Preferred Pickup Date",
|
||||
required: true,
|
||||
name: "date", type: "date", placeholder: "Preferred Pickup Date", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Order Details",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Order Details", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-miniature-bakery-product_23-2151862561.jpg"
|
||||
buttonText="Request Your Order"
|
||||
@@ -332,29 +197,19 @@ export default function LandingPage() {
|
||||
logoText="Sweet Delights"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: 555-0123",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
label: "Call: 555-0123", href: "tel:5550123456"},
|
||||
{
|
||||
label: "Email: hello@sweet.com",
|
||||
href: "mailto:hello@sweet.com",
|
||||
},
|
||||
label: "Email: hello@sweet.com", href: "mailto:hello@sweet.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Pickup Policy",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Pickup Policy", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user