Merge version_1_1776437028170 into main #2
211
src/App.tsx
211
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"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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!"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user