diff --git a/src/App.tsx b/src/App.tsx index 7f9e551..9f90255 100644 --- a/src/App.tsx +++ b/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"}} /> @@ -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" }, ]} /> @@ -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" }} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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."}, ]} /> @@ -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" }} /> @@ -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" }} /> ); -} +} \ No newline at end of file