Merge version_1_1776440964010 into main #4
220
src/App.tsx
220
src/App.tsx
@@ -18,22 +18,14 @@ export default function App() {
|
||||
logo="Ninja Coffee"
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
href: "#about",
|
||||
},
|
||||
name: "About", href: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
name: "Menu", href: "#menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
name: "Contact", href: "#contact"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Online", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -43,32 +35,16 @@ export default function App() {
|
||||
title="Welcome to Ninja Coffee"
|
||||
description="Experience the true art of coffee in a cozy, artisanal environment. Every bean, every pour, every cup is crafted for perfection."
|
||||
primaryButton={{
|
||||
text: "Our Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Our Menu", href: "#menu"}}
|
||||
secondaryButton={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Visit Us", href: "#contact"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5j7ws&_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9a3s25&_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obojvl&_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q60h3l",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bk92pa",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=au7kpw",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5j7ws" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9a3s25" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obojvl" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q60h3l" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bk92pa" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=au7kpw" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -81,21 +57,15 @@ export default function App() {
|
||||
items={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Ethical Sourcing",
|
||||
description: "We partner directly with farmers to ensure fair trade and exceptional quality.",
|
||||
},
|
||||
title: "Ethical Sourcing", description: "We partner directly with farmers to ensure fair trade and exceptional quality."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Small-Batch Roast",
|
||||
description: "We roast our beans in small batches to preserve nuanced flavor profiles.",
|
||||
},
|
||||
title: "Small-Batch Roast", description: "We roast our beans in small batches to preserve nuanced flavor profiles."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Expert Brewing",
|
||||
description: "Our baristas are masters of their craft, ensuring consistent quality.",
|
||||
},
|
||||
title: "Expert Brewing", description: "Our baristas are masters of their craft, ensuring consistent quality."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h64lby"
|
||||
imageSrc={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h64lby" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,48 +77,24 @@ export default function App() {
|
||||
items={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Premium Beans",
|
||||
description: "Sourced from the best high-altitude farms across the globe.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ui0w58",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c0xlcr",
|
||||
},
|
||||
title: "Premium Beans", description: "Sourced from the best high-altitude farms across the globe.", mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ui0w58" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c0xlcr" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5j7ws&_wi=2",
|
||||
imageAlt: "fresh coffee beans close up",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Perfect Extraction",
|
||||
description: "Precision temperature control and pressure for every single cup.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwn8zy",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=338kv8",
|
||||
},
|
||||
title: "Perfect Extraction", description: "Precision temperature control and pressure for every single cup.", mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwn8zy" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=338kv8" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9a3s25&_wi=2",
|
||||
imageAlt: "fresh coffee beans close up",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A welcoming space designed for reading, working, or simply relaxing.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r3wn72",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aab9f7",
|
||||
},
|
||||
title: "Cozy Atmosphere", description: "A welcoming space designed for reading, working, or simply relaxing.", mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r3wn72" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aab9f7" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obojvl&_wi=2",
|
||||
imageAlt: "fresh coffee beans close up",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -161,36 +107,16 @@ export default function App() {
|
||||
description="Discover our signature brews and delightful treats."
|
||||
plans={[
|
||||
{
|
||||
tag: "Signature",
|
||||
price: "$4.50",
|
||||
period: "cup",
|
||||
description: "Classic house blend pour-over",
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Freshly roasted",
|
||||
"Single origin",
|
||||
"Organic",
|
||||
],
|
||||
tag: "Signature", price: "$4.50", period: "cup", description: "Classic house blend pour-over", primaryButton: {
|
||||
text: "Select", href: "#"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Freshly roasted", "Single origin", "Organic"],
|
||||
},
|
||||
{
|
||||
tag: "Premium",
|
||||
price: "$5.50",
|
||||
period: "cup",
|
||||
description: "Nitro cold brew served with house syrup",
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Cold extracted",
|
||||
"Nitro infused",
|
||||
"Small batch",
|
||||
],
|
||||
tag: "Premium", price: "$5.50", period: "cup", description: "Nitro cold brew served with house syrup", primaryButton: {
|
||||
text: "Select", href: "#"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Cold extracted", "Nitro infused", "Small batch"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -203,25 +129,15 @@ export default function App() {
|
||||
author="Emily Carter"
|
||||
avatars={[
|
||||
{
|
||||
name: "User 1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9ykgp6",
|
||||
},
|
||||
name: "User 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9ykgp6"},
|
||||
{
|
||||
name: "User 2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=13ioax",
|
||||
},
|
||||
name: "User 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=13ioax"},
|
||||
{
|
||||
name: "User 3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1hyn5",
|
||||
},
|
||||
name: "User 3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1hyn5"},
|
||||
{
|
||||
name: "User 4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tge3lr",
|
||||
},
|
||||
name: "User 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tge3lr"},
|
||||
{
|
||||
name: "User 5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gna8a4",
|
||||
},
|
||||
name: "User 5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gna8a4"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -232,17 +148,11 @@ export default function App() {
|
||||
title="Serving quality since 2015"
|
||||
metrics={[
|
||||
{
|
||||
value: "150k+",
|
||||
description: "Cups of coffee poured",
|
||||
},
|
||||
value: "150k+", description: "Cups of coffee poured"},
|
||||
{
|
||||
value: "25+",
|
||||
description: "Single-origin beans sourced",
|
||||
},
|
||||
value: "25+", description: "Single-origin beans sourced"},
|
||||
{
|
||||
value: "12",
|
||||
description: "Awards for brewing excellence",
|
||||
},
|
||||
value: "12", description: "Awards for brewing excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -254,17 +164,11 @@ export default function App() {
|
||||
description="Everything you need to know about our beans and shop."
|
||||
items={[
|
||||
{
|
||||
question: "Do you offer vegan milk options?",
|
||||
answer: "Yes, we offer almond, oat, and soy milk for all our coffee beverages.",
|
||||
},
|
||||
question: "Do you offer vegan milk options?", answer: "Yes, we offer almond, oat, and soy milk for all our coffee beverages."},
|
||||
{
|
||||
question: "Can I buy beans online?",
|
||||
answer: "Absolutely! Visit our online store to have your favorite blends shipped to your home.",
|
||||
},
|
||||
question: "Can I buy beans online?", answer: "Absolutely! Visit our online store to have your favorite blends shipped to your home."},
|
||||
{
|
||||
question: "Are you open on weekends?",
|
||||
answer: "Yes, we are open seven days a week, from 7am to 7pm.",
|
||||
},
|
||||
question: "Are you open on weekends?", answer: "Yes, we are open seven days a week, from 7am to 7pm."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -276,7 +180,7 @@ export default function App() {
|
||||
description="Subscribe for updates on seasonal beans and brewing workshops."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2m6kja"
|
||||
imageSrc={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2m6kja" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -285,46 +189,32 @@ export default function App() {
|
||||
brand="Ninja Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "House Blend",
|
||||
href: "#",
|
||||
},
|
||||
label: "House Blend", href: "#"},
|
||||
{
|
||||
label: "Single Origin",
|
||||
href: "#",
|
||||
},
|
||||
label: "Single Origin", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
label: "Locations", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Ninja Coffee. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=43uk9y"
|
||||
imageSrc={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=43uk9y" }}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user