Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
343
src/app/page.tsx
343
src/app/page.tsx
@@ -32,129 +32,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="Homemade Comfort"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Comfort, Delivered Home"
|
||||
description="Handcrafted frozen delicacies made with love, premium natural ingredients, and time-honored family recipes."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-cherry-tomatoes_114579-1718.jpg?_wi=1",
|
||||
imageAlt: "Handmade dumplings",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dough-meal-tasty-salted-inside-white-plate-bright-surface_140725-14170.jpg",
|
||||
imageAlt: "Golden pancakes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dumpling-soup-dark-green-background-food-dough-vegetable-soup-meat_140725-72133.jpg",
|
||||
imageAlt: "Handmade dumplings",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-food-arrangement_23-2149043083.jpg",
|
||||
imageAlt: "Golden pancakes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-topped-with-walnuts-olives_140725-3500.jpg",
|
||||
imageAlt: "Handmade dumplings",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-cherry-tomatoes_114579-1718.jpg", imageAlt: "Handmade dumplings" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dough-meal-tasty-salted-inside-white-plate-bright-surface_140725-14170.jpg", imageAlt: "Golden pancakes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dumpling-soup-dark-green-background-food-dough-vegetable-soup-meat_140725-72133.jpg", imageAlt: "Handmade dumplings" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-food-arrangement_23-2149043083.jpg", imageAlt: "Golden pancakes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pasta-topped-with-walnuts-olives_140725-3500.jpg", imageAlt: "Handmade dumplings" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pancakes-with-syrup-butter-figs-roasted-nuts-wooden-plate_181624-19705.jpg",
|
||||
imageAlt: "Golden pancakes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/khinkali-stuffings-flour-served-with-bunch-green-onion_114579-29019.jpg",
|
||||
imageAlt: "Handmade dumplings",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-homemade-dumplings-brown-bowl-wooden-cutting-board-spikes-garlics-dark-table-with-free-space_140725-147214.jpg",
|
||||
imageAlt: "Golden pancakes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-dumplings-with-meat-inside-dark-background-color-meal-pepper-dough-meat-dish-cooking_179666-17893.jpg",
|
||||
imageAlt: "Handmade dumplings",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-crackers-into-soyutma-bouillon-side-view_141793-3235.jpg",
|
||||
imageAlt: "Golden pancakes",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pancakes-with-syrup-butter-figs-roasted-nuts-wooden-plate_181624-19705.jpg", imageAlt: "Golden pancakes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/khinkali-stuffings-flour-served-with-bunch-green-onion_114579-29019.jpg", imageAlt: "Handmade dumplings" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-homemade-dumplings-brown-bowl-wooden-cutting-board-spikes-garlics-dark-table-with-free-space_140725-147214.jpg", imageAlt: "Golden pancakes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-dumplings-with-meat-inside-dark-background-color-meal-pepper-dough-meat-dish-cooking_179666-17893.jpg", imageAlt: "Handmade dumplings" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-crackers-into-soyutma-bouillon-side-view_141793-3235.jpg", imageAlt: "Golden pancakes" },
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chocolate-volcano-scoop-white-ice-cream_140725-2054.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-dessert-plate-with-plant-vase_23-2148696218.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ozote-steam-applied-lamb-cooked-dough_114579-2134.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-delicious-dumpling-soup-inside-brown-plate-dark-green-desk-food-dough-vegetable-soup-meat_140725-72126.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/chocolate-volcano-scoop-white-ice-cream_140725-2054.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-dessert-plate-with-plant-vase_23-2148696218.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ozote-steam-applied-lamb-cooked-dough_114579-2134.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-delicious-dumpling-soup-inside-brown-plate-dark-green-desk-food-dough-vegetable-soup-meat_140725-72126.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 50,000+ happy families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Natural",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Flash Frozen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Recipe",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Delivery",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "100% Natural" }, { type: "text", text: "Flash Frozen" }, { type: "text", text: "Family Recipe" }, { type: "text", text: "Hand-crafted" }, { type: "text", text: "Nationwide Delivery" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,21 +79,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Tradition"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Families",
|
||||
value: "50k+",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Recipes Perfected",
|
||||
value: "120+",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Users, label: "Happy Families", value: "50k+" },
|
||||
{ icon: Flame, label: "Recipes Perfected", value: "120+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -190,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Traditional Pelmeni",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dumpling-soup-with-different-seasonings-dark-green-surface-soup-dough-vegetable-meat-food_140725-72273.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Homemade Cabbage Rolls",
|
||||
price: "$14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-peppers-with-cabbage-white-plate-high-quality-photo_114579-68878.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Meatballs",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rib-eye-steak-wooden-board_140725-6783.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sweet Berry Vareniki",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dushpere-famoust-eastern-meal-with-dough-inside-minced-meat-salted-peppered-inside-white-plate-with-red-sauce_140725-14956.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thin Traditional Pancakes",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pancakes-with-condensed-milk_114579-14316.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Home-style Cutlets",
|
||||
price: "$13.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roulette-with-mushrooms-inside_140725-3994.jpg",
|
||||
},
|
||||
{ id: "1", name: "Traditional Pelmeni", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dumpling-soup-with-different-seasonings-dark-green-surface-soup-dough-vegetable-meat-food_140725-72273.jpg" },
|
||||
{ id: "2", name: "Homemade Cabbage Rolls", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-peppers-with-cabbage-white-plate-high-quality-photo_114579-68878.jpg" },
|
||||
{ id: "3", name: "Classic Meatballs", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/rib-eye-steak-wooden-board_140725-6783.jpg" },
|
||||
{ id: "4", name: "Sweet Berry Vareniki", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/dushpere-famoust-eastern-meal-with-dough-inside-minced-meat-salted-peppered-inside-white-plate-with-red-sauce_140725-14956.jpg" },
|
||||
{ id: "5", name: "Thin Traditional Pancakes", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pancakes-with-condensed-milk_114579-14316.jpg" },
|
||||
{ id: "6", name: "Home-style Cutlets", price: "$13.25", imageSrc: "http://img.b2bpic.net/free-photo/chicken-roulette-with-mushrooms-inside_140725-3994.jpg" },
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Discover our range of premium semi-finished foods, prepared fresh and flash-frozen for peak flavor."
|
||||
@@ -239,28 +113,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Quality Ingredients",
|
||||
description: "Only farm-sourced, natural components. No preservatives, no additives, ever.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-female-pottery-measuring-color-powder_23-2148155124.jpg",
|
||||
},
|
||||
title: "Quality Ingredients", description: "Only farm-sourced, natural components. No preservatives, no additives, ever.", media: { imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-female-pottery-measuring-color-powder_23-2148155124.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "100% Organic",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Non-GMO",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Small Batch",
|
||||
},
|
||||
{ icon: ShieldCheck, text: "100% Organic" },
|
||||
{ icon: Leaf, text: "Non-GMO" },
|
||||
{ icon: Flame, text: "Small Batch" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-cherry-tomatoes_114579-1718.jpg?_wi=2",
|
||||
imageAlt: "hand-made food process",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Gourmet Frozen"
|
||||
@@ -274,54 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Value",
|
||||
price: "$49",
|
||||
subtitle: "Perfect for singles",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3 varieties",
|
||||
"Flash-frozen",
|
||||
"Free shipping",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "family",
|
||||
badge: "Popular",
|
||||
price: "$89",
|
||||
subtitle: "The weekly staple",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"6 varieties",
|
||||
"Priority prep",
|
||||
"Free shipping",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "gourmet",
|
||||
badge: "Best Value",
|
||||
price: "$129",
|
||||
subtitle: "For the true foodie",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"10 varieties",
|
||||
"VIP support",
|
||||
"Free shipping",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Value", price: "$49", subtitle: "Perfect for singles", buttons: [{ text: "Select" }], features: ["3 varieties", "Flash-frozen", "Free shipping"] },
|
||||
{ id: "family", badge: "Popular", price: "$89", subtitle: "The weekly staple", buttons: [{ text: "Select" }], features: ["6 varieties", "Priority prep", "Free shipping"] },
|
||||
{ id: "gourmet", badge: "Best Value", price: "$129", subtitle: "For the true foodie", buttons: [{ text: "Select" }], features: ["10 varieties", "VIP support", "Free shipping"] },
|
||||
]}
|
||||
title="Family Bundles"
|
||||
description="Choose the bundle that fits your family's weekly appetite."
|
||||
@@ -332,31 +146,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-enjoying-food_23-2149257388.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-baker-speaking-about-flour-while-recording-video-tutorial-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14411.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-excellence-reward-perforated-paper-star_53876-16438.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mexican-food-concept_23-2147812150.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-photos-tablet-cafe_23-2147826823.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-enjoying-food_23-2149257388.jpg" },
|
||||
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/senior-baker-speaking-about-flour-while-recording-video-tutorial-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14411.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/great-excellence-reward-perforated-paper-star_53876-16438.jpg" },
|
||||
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mexican-food-concept_23-2147812150.jpg" },
|
||||
{ id: "5", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-photos-tablet-cafe_23-2147826823.jpg" },
|
||||
]}
|
||||
cardTitle="Our Happy Customers"
|
||||
cardTag="Reviews"
|
||||
@@ -369,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are products preserved?",
|
||||
content: "No, we use natural flash-freezing technology.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How to cook?",
|
||||
content: "Simple instructions are included on every package.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Delivery time?",
|
||||
content: "We deliver nationwide within 48 hours.",
|
||||
},
|
||||
{ id: "1", title: "Are products preserved?", content: "No, we use natural flash-freezing technology." },
|
||||
{ id: "2", title: "How to cook?", content: "Simple instructions are included on every package." },
|
||||
{ id: "3", title: "Delivery time?", content: "We deliver nationwide within 48 hours." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our food prep and delivery."
|
||||
@@ -397,21 +179,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have special requests or just want to say hello? Drop us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -421,16 +192,8 @@ export default function LandingPage() {
|
||||
logoText="Homemade Comfort"
|
||||
copyrightText="© 2025 Homemade Comfort. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user