diff --git a/src/App.tsx b/src/App.tsx index d9f2a05..345113a 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -17,22 +17,14 @@ export default function App() { logo="Drov" 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 Now", - href: "#contact", - }} + text: "Order Now", href: "#contact"}} /> @@ -42,32 +34,22 @@ export default function App() { title="Drov: The Perfect Brew" description="Experience hand-crafted coffee in a space designed for community and craft." primaryButton={{ - text: "Discover Menu", - href: "#menu", - }} + text: "Discover 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=4wr00c&_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wr00c"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owxvx7&_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owxvx7"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eyhm4h&_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eyhm4h"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4p1gt3", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4p1gt3"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ushchp", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ushchp"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t60dw9", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t60dw9"}, ]} /> @@ -88,54 +70,27 @@ export default function App() { description="From light roasts to deep, rich espressos, we cater to every palate." features={[ { - title: "Single Origin", - description: "Sourced from the best farms", - bentoComponent: "media-stack", - items: [ + title: "Single Origin", description: "Sourced from the best farms", bentoComponent: "media-stack", items: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gpluo4", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gpluo4"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dpxd7r", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dpxd7r"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22dqri", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22dqri"}, ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wr00c&_wi=2", - imageAlt: "single origin coffee", }, { - title: "Our Process", - description: "Precision in every pour", - bentoComponent: "checklist-timeline", - heading: "Roasting Steps", - subheading: "The journey of a bean", - items: [ + title: "Our Process", description: "Precision in every pour", bentoComponent: "checklist-timeline", heading: "Roasting Steps", subheading: "The journey of a bean", items: [ { - label: "Sorting", - detail: "Hand-selected", - }, + label: "Sorting", detail: "Hand-selected"}, { - label: "Roasting", - detail: "Small batches", - }, + label: "Roasting", detail: "Small batches"}, { - label: "Brewing", - detail: "Perfect temperature", - }, + label: "Brewing", detail: "Perfect temperature"}, ], - completedLabel: "Ready", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owxvx7&_wi=2", - imageAlt: "single origin coffee", - }, + completedLabel: "Ready"}, { - title: "Coffee Metrics", - description: "Why we are different", - bentoComponent: "animated-bar-chart", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eyhm4h&_wi=2", - imageAlt: "single origin coffee", - }, + title: "Coffee Metrics", description: "Why we are different", bentoComponent: "animated-bar-chart"}, ]} /> @@ -147,52 +102,22 @@ export default function App() { description="Choose your favorites for the home or enjoy here." plans={[ { - tag: "Light", - price: "$18", - period: "/bag", - description: "Bright and floral notes", - primaryButton: { - text: "Select", - href: "#", - }, - featuresTitle: "Includes", - features: [ - "Organic", - "Fair trade", - "Light roast", - ], + tag: "Light", price: "$18", period: "/bag", description: "Bright and floral notes", primaryButton: { + text: "Select", href: "#"}, + featuresTitle: "Includes", features: [ + "Organic", "Fair trade", "Light roast"], }, { - tag: "Medium", - price: "$20", - period: "/bag", - description: "Balanced and smooth", - primaryButton: { - text: "Select", - href: "#", - }, - featuresTitle: "Includes", - features: [ - "Whole bean", - "Ethically sourced", - "Medium roast", - ], + tag: "Medium", price: "$20", period: "/bag", description: "Balanced and smooth", primaryButton: { + text: "Select", href: "#"}, + featuresTitle: "Includes", features: [ + "Whole bean", "Ethically sourced", "Medium roast"], }, { - tag: "Dark", - price: "$22", - period: "/bag", - description: "Deep and chocolatey", - primaryButton: { - text: "Select", - href: "#", - }, - featuresTitle: "Includes", - features: [ - "Bold flavor", - "Single origin", - "Dark roast", - ], + tag: "Dark", price: "$22", period: "/bag", description: "Deep and chocolatey", primaryButton: { + text: "Select", href: "#"}, + featuresTitle: "Includes", features: [ + "Bold flavor", "Single origin", "Dark roast"], }, ]} /> @@ -205,35 +130,15 @@ export default function App() { description="Heartfelt feedback from our coffee lovers." testimonials={[ { - name: "Jane D.", - role: "Regular", - quote: "The best espresso in the city.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ghmo0c", - }, + name: "Jane D.", role: "Regular", quote: "The best espresso in the city.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ghmo0c"}, { - name: "Mark S.", - role: "Coffee Enthusiast", - quote: "I love the warm atmosphere at Drov.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ue9r9p", - }, + name: "Mark S.", role: "Coffee Enthusiast", quote: "I love the warm atmosphere at Drov.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ue9r9p"}, { - name: "Elena R.", - role: "Student", - quote: "Perfect spot to work and enjoy a latte.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kowpry", - }, + name: "Elena R.", role: "Student", quote: "Perfect spot to work and enjoy a latte.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kowpry"}, { - name: "Liam P.", - role: "Artist", - quote: "Consistently great roasts every morning.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v45a4d", - }, + name: "Liam P.", role: "Artist", quote: "Consistently great roasts every morning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v45a4d"}, { - name: "Sarah K.", - role: "Commuter", - quote: "Friendly service and great coffee.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6dxkrn", - }, + name: "Sarah K.", role: "Commuter", quote: "Friendly service and great coffee.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6dxkrn"}, ]} /> @@ -244,17 +149,11 @@ export default function App() { title="Quality by the Numbers" metrics={[ { - value: "500+", - description: "Cups served daily", - }, + value: "500+", description: "Cups served daily"}, { - value: "12", - description: "Origin countries", - }, + value: "12", description: "Origin countries"}, { - value: "5", - description: "Years roasting", - }, + value: "5", description: "Years roasting"}, ]} /> @@ -266,17 +165,11 @@ export default function App() { description="Get to know more about our coffee." items={[ { - question: "Where is your coffee from?", - answer: "We source from ethical farms globally.", - }, + question: "Where is your coffee from?", answer: "We source from ethical farms globally."}, { - question: "Do you offer subscriptions?", - answer: "Yes, join our coffee club today.", - }, + question: "Do you offer subscriptions?", answer: "Yes, join our coffee club today."}, { - question: "Are you pet friendly?", - answer: "Yes, dogs are always welcome!", - }, + question: "Are you pet friendly?", answer: "Yes, dogs are always welcome!"}, ]} /> @@ -288,20 +181,12 @@ export default function App() { description="Have questions or want to inquire about events?" inputs={[ { - name: "name", - type: "text", - placeholder: "Name", - }, + name: "name", type: "text", placeholder: "Name"}, { - name: "email", - type: "email", - placeholder: "Email", - }, + name: "email", type: "email", placeholder: "Email"}, ]} textarea={{ - name: "message", - placeholder: "Your message", - rows: 4, + name: "message", placeholder: "Your message", rows: 4, }} buttonText="Send Message" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f1jmol"