bender/b8a33d2e-8d5d-4072-9de6-9e9f39a50c08
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-05-31 03:01:59 +00:00
parent 068e18ba3a
commit 92a1172694
1 changed files with 63 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/pages/HomePage.tsx
View File

@@ -19,32 +19,24 @@ export default function HomePage() {
title="Authentic Danish Greek Yogurt, Unmatched Creaminess"
description="Experience the rich, tangy flavor and velvety texture of Olympos Greek Yogurt, crafted with dedication in Denmark. Perfect for a healthy start or a delicious snack."
primaryButton={{
text: "Explore Our Yogurts",
href: "#products",
}}
text: "Explore Our Yogurts", href: "#products"}}
secondaryButton={{
text: "Our Story",
href: "#about",
}}
text: "Our Story", href: "#about"}}
items={[
{
text: "High Protein",
icon: Beef,
text: "High Protein", icon: Beef,
},
{
text: "Natural Ingredients",
icon: Leaf,
text: "Natural Ingredients", icon: Leaf,
},
{
text: "Sustainable Sourcing",
icon: Recycle,
text: "Sustainable Sourcing", icon: Recycle,
},
{
text: "Danish Quality",
icon: Flag,
text: "Danish Quality", icon: Flag,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-oatmeal-bowl-with-raspberries-wooden-tray_23-2147916199.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-oatmeal-bowl-with-raspberries-wooden-tray_23-2147916199.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -54,18 +46,11 @@ export default function HomePage() {
<AboutTextSplit
title="Our Passion for Purity & Taste"
descriptions={[
"At Olympos, we believe in crafting yogurt the traditional way, combining ancient Greek methods with the pristine dairy of Denmark. Our journey began with a simple desire: to create the finest Greek yogurt that's both delicious and genuinely good for you.",
"Sourced from local Danish farms known for their high standards and ethical practices, our milk is transformed into thick, creamy yogurt through a meticulous straining process. This commitment ensures every spoonful delivers a rich flavor and abundant protein, free from artificial additives.",
"We are more than just a yogurt company; we are custodians of a culinary heritage, dedicated to bringing wholesome, natural goodness to your table while respecting our environment and supporting local communities.",
]}
"At Olympos, we believe in crafting yogurt the traditional way, combining ancient Greek methods with the pristine dairy of Denmark. Our journey began with a simple desire: to create the finest Greek yogurt that's both delicious and genuinely good for you.", "Sourced from local Danish farms known for their high standards and ethical practices, our milk is transformed into thick, creamy yogurt through a meticulous straining process. This commitment ensures every spoonful delivers a rich flavor and abundant protein, free from artificial additives.", "We are more than just a yogurt company; we are custodians of a culinary heritage, dedicated to bringing wholesome, natural goodness to your table while respecting our environment and supporting local communities."]}
primaryButton={{
text: "Meet Our Team",
href: "#",
}}
text: "Meet Our Team", href: "#"}}
secondaryButton={{
text: "Our Values",
href: "#",
}}
text: "Our Values", href: "#"}}
/>
</SectionErrorBoundary>
</div>
@@ -78,44 +63,26 @@ export default function HomePage() {
description="Discover what makes Olympos Greek Yogurt a staple for a healthy and balanced lifestyle. Taste the difference quality makes."
features={[
{
title: "Rich in Protein",
description: "Fuel your day with a high-protein snack that keeps you full and energized, supporting muscle recovery and overall vitality.",
bentoComponent: "animated-bar-chart",
title: "Rich in Protein", description: "Fuel your day with a high-protein snack that keeps you full and energized, supporting muscle recovery and overall vitality.", bentoComponent: "animated-bar-chart"
},
{
title: "Natural & Pure",
description: "Made with just a few simple, natural ingredients. No artificial flavors, colors, or preservatives, just wholesome goodness.",
bentoComponent: "orbiting-icons",
centerIcon: Leaf,
orbitIcons: [
"Milk",
"Apple",
"Strawberry",
"Sun",
],
title: "Natural & Pure", description: "Made with just a few simple, natural ingredients. No artificial flavors, colors, or preservatives, just wholesome goodness.", bentoComponent: "orbiting-icons", centerIcon: "Leaf", orbitIcons: [
"Milk", "Apple", "Strawberry", "Sun"
]
},
{
title: "Danish Dairy Excellence",
description: "Sourced from the finest local Danish farms, ensuring ethical animal welfare and superior milk quality for our premium yogurt.",
bentoComponent: "info-card-marquee",
infoCards: [
title: "Danish Dairy Excellence", description: "Sourced from the finest local Danish farms, ensuring ethical animal welfare and superior milk quality for our premium yogurt.", bentoComponent: "info-card-marquee", infoCards: [
{
icon: Flag,
label: "Origin",
value: "Denmark",
icon: "Flag", label: "Origin", value: "Denmark"
},
{
icon: Award,
label: "Quality",
value: "Premium",
icon: "Award", label: "Quality", value: "Premium"
},
{
icon: Gauge,
label: "Standards",
value: "High",
},
],
},
icon: "Gauge", label: "Standards", value: "High"
}
]
}
]}
/>
</SectionErrorBoundary>
@@ -129,138 +96,83 @@ export default function HomePage() {
description="Explore our delicious selection of Greek yogurts, each crafted for exceptional flavor and creamy texture."
items={[
{
title: "Natural Unsweetened",
tags: "Classic, Versatile",
details: [
title: "Natural Unsweetened", tags: "Classic, Versatile", details: [
{
icon: Scale,
label: "Protein",
value: "18g/serving",
},
label: "Protein", value: "18g/serving"},
{
icon: Milk,
label: "Dairy",
value: "Whole Milk",
},
label: "Dairy", value: "Whole Milk"},
{
icon: Flask,
label: "Sugar",
value: "0g added",
},
label: "Sugar", value: "0g added"},
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-strawberries-with-candies-white-surface-fruit-sweet-candy-colors_140725-82423.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-strawberries-with-candies-white-surface-fruit-sweet-candy-colors_140725-82423.jpg"},
{
title: "Strawberry Delight",
tags: "Fruity, Sweet",
badge: "Popular",
details: [
title: "Strawberry Delight", tags: "Fruity, Sweet", badge: "Popular", details: [
{
icon: Scale,
label: "Protein",
value: "16g/serving",
},
label: "Protein", value: "16g/serving"},
{
icon: Strawberry,
label: "Fruit",
value: "Real Berries",
},
label: "Fruit", value: "Real Berries"},
{
icon: Flask,
label: "Sugar",
value: "Naturally Sweetened",
},
label: "Sugar", value: "Naturally Sweetened"},
],
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186003.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186003.jpg"},
{
title: "Blueberry Bliss",
tags: "Antioxidant, Refreshing",
details: [
title: "Blueberry Bliss", tags: "Antioxidant, Refreshing", details: [
{
icon: Scale,
label: "Protein",
value: "16g/serving",
},
label: "Protein", value: "16g/serving"},
{
icon: Grape,
label: "Fruit",
value: "Wild Blueberries",
},
label: "Fruit", value: "Wild Blueberries"},
{
icon: Flask,
label: "Sugar",
value: "Lightly Sweetened",
},
label: "Sugar", value: "Lightly Sweetened"},
],
imageSrc: "http://img.b2bpic.net/free-photo/seasonal-blueberry-berries-mug-table_23-2148196377.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/seasonal-blueberry-berries-mug-table_23-2148196377.jpg"},
{
title: "Honey Kissed",
tags: "Indulgent, Golden",
details: [
title: "Honey Kissed", tags: "Indulgent, Golden", details: [
{
icon: Scale,
label: "Protein",
value: "17g/serving",
},
label: "Protein", value: "17g/serving"},
{
icon: Candlestick,
label: "Sweetener",
value: "Danish Honey",
},
label: "Sweetener", value: "Danish Honey"},
{
icon: Flask,
label: "Sugar",
value: "Moderate",
},
label: "Sugar", value: "Moderate"},
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-milk-with-oatmeal-inside-plate-with-strawberries-along-with-crackers-honey-white-breakfast-cereals-health_140725-19026.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-milk-with-oatmeal-inside-plate-with-strawberries-along-with-crackers-honey-white-breakfast-cereals-health_140725-19026.jpg"},
{
title: "Vanilla Bean Dream",
tags: "Creamy, Aromatic",
details: [
title: "Vanilla Bean Dream", tags: "Creamy, Aromatic", details: [
{
icon: Scale,
label: "Protein",
value: "16g/serving",
},
label: "Protein", value: "16g/serving"},
{
icon: Leaf,
label: "Flavor",
value: "Real Vanilla",
},
label: "Flavor", value: "Real Vanilla"},
{
icon: Flask,
label: "Sugar",
value: "Subtly Sweet",
},
label: "Sugar", value: "Subtly Sweet"},
],
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-coffee-with-whipped-cream-table_23-2148937308.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-coffee-with-whipped-cream-table_23-2148937308.jpg"},
{
title: "Peach Perfection",
tags: "Juicy, Seasonal",
details: [
title: "Peach Perfection", tags: "Juicy, Seasonal", details: [
{
icon: Scale,
label: "Protein",
value: "15g/serving",
},
label: "Protein", value: "15g/serving"},
{
icon: Cherry,
label: "Fruit",
value: "Sweet Peaches",
},
label: "Fruit", value: "Sweet Peaches"},
{
icon: Flask,
label: "Sugar",
value: "Naturally Sweetened",
},
label: "Sugar", value: "Naturally Sweetened"},
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-bowl-with-yogurt-orange_23-2148529447.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-bowl-with-yogurt-orange_23-2148529447.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -273,15 +185,7 @@ export default function HomePage() {
title="Trusted by Experts & Connoisseurs"
description="Our commitment to excellence has earned us recognition across Denmark and beyond. We adhere to the highest standards."
names={[
"Danish Dairy Council",
"Organic Denmark",
"European Taste Awards",
"Nordic Food Quality",
"Gourmet Magazine DK",
"Healthy Living Association",
"Farmers Union Denmark",
"Taste of Scandinavia",
]}
"Danish Dairy Council", "Organic Denmark", "European Taste Awards", "Nordic Food Quality", "Gourmet Magazine DK", "Healthy Living Association", "Farmers Union Denmark", "Taste of Scandinavia"]}
/>
</SectionErrorBoundary>
</div>
@@ -294,35 +198,15 @@ export default function HomePage() {
description="Hear directly from those who enjoy Olympos Greek Yogurt daily."
testimonials={[
{
name: "Astrid Jensen",
role: "Nutritionist",
quote: "Olympos Greek Yogurt is my go-to recommendation for clients seeking a high-protein, clean label dairy option. The quality is consistently outstanding.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255919.jpg",
},
name: "Astrid Jensen", role: "Nutritionist", quote: "Olympos Greek Yogurt is my go-to recommendation for clients seeking a high-protein, clean label dairy option. The quality is consistently outstanding.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255919.jpg"},
{
name: "Mads Pedersen",
role: "Athlete",
quote: "As an athlete, I rely on Olympos for my post-workout recovery. It's incredibly creamy, satisfies my hunger, and tastes fantastic without any added junk.",
imageSrc: "http://img.b2bpic.net/free-photo/lunch_23-2148115059.jpg",
},
name: "Mads Pedersen", role: "Athlete", quote: "As an athlete, I rely on Olympos for my post-workout recovery. It's incredibly creamy, satisfies my hunger, and tastes fantastic without any added junk.", imageSrc: "http://img.b2bpic.net/free-photo/lunch_23-2148115059.jpg"},
{
name: "Sofie Nielsen",
role: "Busy Parent",
quote: "Finding healthy snacks for my kids is tough, but Olympos is a winner! They love the fruity flavors, and I love the natural ingredients. It's a staple in our fridge.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-cooking-kitchen_23-2150491944.jpg",
},
name: "Sofie Nielsen", role: "Busy Parent", quote: "Finding healthy snacks for my kids is tough, but Olympos is a winner! They love the fruity flavors, and I love the natural ingredients. It's a staple in our fridge.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-cooking-kitchen_23-2150491944.jpg"},
{
name: "Lars Knudsen",
role: "Food Blogger",
quote: "I've tasted many yogurts, but Olympos truly stands out. The authentic tang and thick texture remind me of real homemade Greek yogurt. A culinary delight!",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-life-sport-concept-sneakers-with-apples-towel-bottle-water-wooden-background-copy-space_1220-1474.jpg",
},
name: "Lars Knudsen", role: "Food Blogger", quote: "I've tasted many yogurts, but Olympos truly stands out. The authentic tang and thick texture remind me of real homemade Greek yogurt. A culinary delight!", imageSrc: "http://img.b2bpic.net/free-photo/healthy-life-sport-concept-sneakers-with-apples-towel-bottle-water-wooden-background-copy-space_1220-1474.jpg"},
{
name: "Freja Olsen",
role: "Student",
quote: "Perfect for a quick, healthy breakfast before classes. It's filling, delicious, and helps me stay focused. Plus, it's proudly Danish!",
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-quality-time-home_23-2149262089.jpg",
},
name: "Freja Olsen", role: "Student", quote: "Perfect for a quick, healthy breakfast before classes. It's filling, delicious, and helps me stay focused. Plus, it's proudly Danish!", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-quality-time-home_23-2149262089.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -336,21 +220,13 @@ export default function HomePage() {
description="Find answers to the most common questions about our products, ingredients, and company philosophy."
items={[
{
question: "Where does Olympos Greek Yogurt source its milk?",
answer: "We pride ourselves on sourcing 100% of our fresh milk from certified, ethical dairy farms located right here in Denmark, ensuring the highest quality and freshest taste.",
},
question: "Where does Olympos Greek Yogurt source its milk?", answer: "We pride ourselves on sourcing 100% of our fresh milk from certified, ethical dairy farms located right here in Denmark, ensuring the highest quality and freshest taste."},
{
question: "Are your yogurts truly 'Greek'?",
answer: "Yes, we follow traditional Greek straining methods that remove excess whey, resulting in a significantly thicker, creamier, and higher protein yogurt compared to regular yogurts.",
},
question: "Are your yogurts truly 'Greek'?", answer: "Yes, we follow traditional Greek straining methods that remove excess whey, resulting in a significantly thicker, creamier, and higher protein yogurt compared to regular yogurts."},
{
question: "Do you use any artificial ingredients or preservatives?",
answer: "Absolutely not. Our commitment to purity means all Olympos Greek Yogurts are made without artificial flavors, colors, sweeteners, or preservatives. Just natural goodness.",
},
question: "Do you use any artificial ingredients or preservatives?", answer: "Absolutely not. Our commitment to purity means all Olympos Greek Yogurts are made without artificial flavors, colors, sweeteners, or preservatives. Just natural goodness."},
{
question: "Is Olympos Greek Yogurt suitable for vegetarians?",
answer: "Yes, all our Greek yogurts are vegetarian-friendly. We do not use any animal-derived rennet or gelatin in our production process.",
},
question: "Is Olympos Greek Yogurt suitable for vegetarians?", answer: "Yes, all our Greek yogurts are vegetarian-friendly. We do not use any animal-derived rennet or gelatin in our production process."},
]}
/>
</SectionErrorBoundary>
@@ -362,13 +238,9 @@ export default function HomePage() {
tag="Ready to Indulge?"
text="Find Olympos Greek Yogurt at a store near you or reach out to us with any questions!"
primaryButton={{
text: "Find a Store",
href: "#",
}}
text: "Find a Store", href: "#"}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
text: "Contact Us", href: "#"}}
/>
</SectionErrorBoundary>
</div>