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