Merge version_1_1776440964010 into main #2
225
src/App.tsx
225
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=7hm9by&_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e1mcsg&_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tjqhtp&_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t4e8wh",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8x69f",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4v298n",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7hm9by" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e1mcsg" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tjqhtp" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t4e8wh" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8x69f" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4v298n" },
|
||||
]}
|
||||
/>
|
||||
</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=v6o0qc"
|
||||
imageSrc={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v6o0qc" }}
|
||||
/>
|
||||
</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=e11r31",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ghgwo",
|
||||
},
|
||||
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=e11r31" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ghgwo" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7hm9by&_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=9my7aw",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aewbdf",
|
||||
},
|
||||
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=9my7aw" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aewbdf" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e1mcsg&_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=jlukis",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=plpuwi",
|
||||
},
|
||||
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=jlukis" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=plpuwi" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tjqhtp&_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"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -202,26 +128,11 @@ export default function App() {
|
||||
rating={5}
|
||||
author="Emily Carter"
|
||||
avatars={[
|
||||
{
|
||||
name: "User 1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix5w8u",
|
||||
},
|
||||
{
|
||||
name: "User 2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gki6l",
|
||||
},
|
||||
{
|
||||
name: "User 3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8x5sfq",
|
||||
},
|
||||
{
|
||||
name: "User 4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=659opp",
|
||||
},
|
||||
{
|
||||
name: "User 5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=teqkub",
|
||||
},
|
||||
{ name: "User 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix5w8u" },
|
||||
{ name: "User 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gki6l" },
|
||||
{ name: "User 3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8x5sfq" },
|
||||
{ name: "User 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=659opp" },
|
||||
{ name: "User 5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=teqkub" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -232,17 +143,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 +159,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 +175,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=97nbnk"
|
||||
imageSrc={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=97nbnk" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -285,46 +184,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=vm7mfp"
|
||||
imageSrc={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vm7mfp" }}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user