2 Commits

Author SHA1 Message Date
d815bdf7d3 Update src/app/styles/variables.css 2026-05-27 02:24:52 +00:00
25d4d82ab1 Update src/app/page.tsx 2026-05-27 02:24:52 +00:00
3 changed files with 49 additions and 103 deletions

View File

@@ -1,71 +0,0 @@
"use client";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function OurSweetsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Sweet World Worldwide"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Our Sweets", id: "/our-sweets" },
{ name: "Reviews", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" }
]}
/>
</div>
<div id="product-catalog" data-section="product-catalog">
<ProductCatalog
layout="page"
products={[
{ id: "chocolates-truffles", category: "Sweets", name: "Gourmet Chocolate Truffles", price: "$29.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/chocolates-with-white-red-coating-black-board-seastones-side-view_141793-15476.jpg", imageAlt: "Assortment of gourmet chocolate truffles" },
{ id: "gourmet-cupcakes", category: "Sweets", name: "Assorted Gourmet Cupcakes", price: "$24.00", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-cupcake-with-chocolate-cream_181624-3430.jpg", imageAlt: "Colorful gourmet cupcakes" },
{ id: "belgian-waffles", category: "Waffles", name: "Classic Belgian Waffles", price: "$15.50", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/waffles-with-berries-table_23-2148455800.jpg", imageAlt: "Belgian waffles with fresh berries" },
{ id: "berry-blast-waffles", category: "Waffles", name: "Berry Blast Waffles", price: "$17.00", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/waffles_1339-4467.jpg", imageAlt: "Waffles with various berry toppings" },
{ id: "vanilla-bean-shake", category: "Shakes", name: "Creamy Vanilla Bean Shake", price: "$8.99", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-milkshake-with-straw_23-2147754323.jpg", imageAlt: "Vanilla bean milkshake with whipped cream" },
{ id: "chocolate-fudge-shake", category: "Shakes", name: "Rich Chocolate Fudge Shake", price: "$9.50", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milkshake-with-whipped-cream-chocolate-sauce_23-2148408587.jpg", imageAlt: "Chocolate fudge milkshake" },
{ id: "tropical-smoothie", category: "Smoothies", name: "Tropical Paradise Smoothie", price: "$7.99", rating: 4, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-healthy-smoothie-glass-with-straw-fruit-slice-cup-berries-brown-towel-black-surface_140725-103306.jpg", imageAlt: "Tropical fruit smoothie" },
{ id: "green-detox-smoothie", category: "Smoothies", name: "Energizing Green Detox Smoothie", price: "$8.50", rating: 4, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/fruit-smoothie-glass-with-straw_23-2147761007.jpg", imageAlt: "Green detox smoothie with fresh ingredients" }
]}
searchPlaceholder="Search our sweet treats..."
filters={[
{ label: "Category", options: ["All", "Sweets", "Waffles", "Shakes", "Smoothies"], selected: "All", onChange: (value) => console.log(value) }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9rch4s"
logoAlt="Sweet World Worldwide Logo"
logoText="Sweet World Worldwide"
columns={[
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "About Us", href: "#about" }, { label: "Our Sweets", href: "/our-sweets" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Shipping", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
copyrightText="© 2024 Sweet World Worldwide. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

View File

@@ -4,7 +4,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
@@ -14,15 +14,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
@@ -31,7 +31,7 @@ export default function Page() {
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Our Sweets", id: "/our-sweets" },
{ name: "Sweets", id: "#products" },
{ name: "Reviews", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" }
@@ -51,7 +51,7 @@ export default function Page() {
]}
avatarText="Loved by sweet enthusiasts everywhere!"
buttons={[
{ text: "Explore Our Sweets", href: "/our-sweets" },
{ text: "Explore Our Sweets", href: "#products" },
{ text: "Contact Us", href: "#contact" }
]}
buttonAnimation="opacity"
@@ -59,8 +59,8 @@ export default function Page() {
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Our Story: Crafting Joyful Moments"
description="Sweet World Worldwide began with a simple dream: to spread happiness, one delightful treat at a time. We meticulously source the finest ingredients and pour our passion into every creation, ensuring a taste experience that's truly unforgettable. Our commitment to quality and craftsmanship shines through in every bite, making us a beloved name globally."
title="Our Journey: Crafting Sweet Memories"
description="From a small family kitchen to a global delight, Sweet World Worldwide has been dedicated to spreading joy through meticulously crafted sweets. Our story is one of passion, quality ingredients, and the unwavering commitment to bringing smiles to faces across continents. We believe every treat tells a tale of tradition and innovation."
metrics={[
{ value: "10+", title: "Years of Experience" },
{ value: "200+", title: "Sweet Varieties" },
@@ -87,18 +87,35 @@ export default function Page() {
useInvertedBackground={true}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
products={[
{ id: "chocolate-truffles", name: "Gourmet Chocolate Truffles", price: "$29.99", variant: "Assorted Box", imageSrc: "http://img.b2bpic.net/free-photo/chocolates-with-white-red-coating-black-board-seastones-side-view_141793-15476.jpg", imageAlt: "Assortment of gourmet chocolate truffles" },
{ id: "rainbow-gummies", name: "Rainbow Fruit Gummies", price: "$12.50", variant: "Large Bag", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pastries_23-2147987870.jpg", imageAlt: "Vibrant colorful gummy candies" },
{ id: "signature-cookies", name: "Signature Assorted Cookies", price: "$18.00", variant: "Baker's Dozen", imageSrc: "http://img.b2bpic.net/free-photo/bunch-cookies-bundled-together-marble-background_114579-25950.jpg", imageAlt: "Stack of freshly baked signature cookies" },
{ id: "french-macarons", name: "Elegant French Macarons", price: "$24.99", variant: "Dessert Box", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meringues-macarons-delicious-sweet-yellow-color-rainbow-candy_140725-25132.jpg", imageAlt: "Assorted elegant macarons" },
{ id: "seasonal-cake-pops", name: "Seasonal Celebration Cake Pops", price: "$15.00", variant: "Party Pack", imageSrc: "http://img.b2bpic.net/free-photo/closeup-different-flovoured-lollipop_53876-31907.jpg", imageAlt: "Festive seasonal cake pops" },
{ id: "candied-pecans", name: "Crunchy Candied Pecans", price: "$9.75", variant: "Snack Pouch", imageSrc: "http://img.b2bpic.net/free-photo/healthy-mix-dried-nuts-sweets-was-glass-wooden-background-studio-photo_482257-36590.jpg", imageAlt: "Candied pecans in a bowl" }
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
title="Explore Our Delectable Collection"
description="A curated selection of our most loved and newest sweet creations, perfect for gifting or a personal treat that brings pure joy."
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
testimonials={[
{ id: "1", name: "Sarah J.", date: "May 2024", title: "Absolutely Divine!", quote: "Sweet World Worldwide never disappoints! Their chocolates are pure bliss, and the service is exceptional. Every order feels like a special gift. Highly recommended for any sweet tooth!", tag: "Gourmet Lover", avatarSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg", avatarAlt: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lollipops-gifts-alogn-with-multicolroed-candies-birthday-whistles-blue-background-candy-sweet-sugar-confiture_140725-22464.jpg", imageAlt: "Gourmet chocolate gift box" },
{ id: "2", name: "Mark T.", date: "April 2024", title: "Best Gummies Ever!", quote: "I'm obsessed with their fruit gummies. The flavors are so vibrant and natural. My go-to for a pick-me-up! Delivery is always fast and fresh.", tag: "Candy Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-african-american-man-cafe-fashion-shooting-paris_1321-3441.jpg", avatarAlt: "Mark T.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-marmalade-jelly-candies-blue_141793-6356.jpg", imageAlt: "Colorful gummies" },
{ id: "3", name: "Emily R.", date: "March 2024", title: "Perfect for Gifting", quote: "Ordered a cookie box for a friend's birthday, and she absolutely loved it! The packaging was beautiful, and the cookies were incredibly delicious. I'll definitely be ordering again.", tag: "Gift Giver", avatarSrc: "http://img.b2bpic.net/free-photo/cheeky-smiling-young-man-say-no-problem-well-done-man-praise-good-choice-showing-okay-gesture-satisfied_176420-26376.jpg", avatarAlt: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-taking-raspberry_23-2147742359.jpg", imageAlt: "Freshly baked cookies on cooling rack" },
{ id: "4", name: "David K.", date: "February 2024", title: "A Treat for the Eyes and Palate", quote: "The macarons are a work of art! So delicate, flavorful, and beautifully presented. They add such elegance to any occasion. A true delight!", tag: "Dessert Connoisseur", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg", avatarAlt: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-french-macarons-colorful-along-with-multicolored-candies-inside-cans-pink-cake-biscuit-confectionery_140725-24692.jpg", imageAlt: "Artistic macarons" },
{ id: "5", name: "Jessica L.", date: "January 2024", title: "Always Fresh and Delicious", quote: "Every single time I order, the sweets are fresh, tasty, and arrive perfectly. It's clear how much care goes into making and shipping them. My absolute favorite sweet shop!", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-confident-looking-sky-park_839833-34367.jpg", avatarAlt: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/pink-birthday-cupcake-with-confetti_23-2148001906.jpg", imageAlt: "Hand holding a decorated cupcake" }
{ id: "1", name: "Sarah J.", date: "May 2024", title: "Simply Irresistible!", quote: "I can't get enough of Sweet World Worldwide's chocolates! They are simply irresistible and consistently the best I've ever tasted. Each bite is a luxurious experience. Truly a five-star treat!", tag: "Gourmet Lover", avatarSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg", avatarAlt: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lollipops-gifts-alogn-with-multicolroed-candies-birthday-whistles-blue-background-candy-sweet-sugar-confiture_140725-22464.jpg", imageAlt: "Gourmet chocolate gift box" },
{ id: "2", name: "Mark T.", date: "April 2024", title: "My Daily Dose of Happiness", quote: "These fruit gummies are my absolute favorite! The burst of natural flavor is incredible, and they always arrive fresh. A perfect little pick-me-up that makes my day happier. Highly recommend!", tag: "Candy Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-african-american-man-cafe-fashion-shooting-paris_1321-3441.jpg", avatarAlt: "Mark T.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-marmalade-jelly-candies-blue_141793-6356.jpg", imageAlt: "Colorful gummies" },
{ id: "3", name: "Emily R.", date: "March 2024", title: "The Perfect Gift Solution", quote: "I've ordered cookie boxes for several occasions, and they're always a hit! The presentation is stunning, and the cookies are incredibly delicious. It's my go-to for thoughtful, delightful gifts.", tag: "Gift Giver", avatarSrc: "http://img.b2bpic.net/free-photo/cheeky-smiling-young-man-say-no-problem-well-done-man-praise-good-choice-showing-okay-gesture-satisfied_176420-26376.jpg", avatarAlt: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-taking-raspberry_23-2147742359.jpg", imageAlt: "Freshly baked cookies on cooling rack" },
{ id: "4", name: "David K.", date: "February 2024", title: "Artistry in Every Macaron", quote: "The French macarons from Sweet World Worldwide are edible works of art. Beautifully crafted, perfectly textured, and bursting with exquisite flavors. They elevate any gathering. Pure elegance!", tag: "Dessert Connoisseur", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg", avatarAlt: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-french-macarons-colorful-along-with-multicolored-candies-inside-cans-pink-cake-biscuit-confectionery_140725-24692.jpg", imageAlt: "Artistic macarons" },
{ id: "5", name: "Jessica L.", date: "January 2024", title: "Consistently Excellent!", quote: "Every order from Sweet World Worldwide is a delight. The quality is consistently excellent, and their commitment to freshness is evident. This is my trusted source for delicious, high-quality sweets.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-confident-looking-sky-park_839833-34367.jpg", avatarAlt: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/pink-birthday-cupcake-with-confetti_23-2148001906.jpg", imageAlt: "Hand holding a decorated cupcake" }
]}
title="What Our Sweet Lovers Say"
description="Hear from customers who have experienced the magic of Sweet World Worldwide, sharing their joy and unforgettable moments with our delightful treats."
title="Sweet Echoes: What Our Customers Say"
description="Our customers' delight is our greatest reward. Read through their heartfelt reviews and discover the joy and satisfaction that Sweet World Worldwide brings with every delectable creation."
textboxLayout="default"
useInvertedBackground={true}
/>
@@ -119,9 +136,9 @@ export default function Page() {
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
title="Got a Sweet Idea? Reach Out!"
description="Whether it's a special request, partnership inquiry, or just a question about your order, our friendly team is eager to connect. Send us a message and we'll get back to you soon to help you out."
tag="Connect With Us"
title="Your Gateway to Sweet World Worldwide"
description="Have questions, feedback, or looking for a custom order? Our dedicated team is here to help. Reach out to us, and we'll ensure your experience with Sweet World Worldwide is as delightful as our treats. We're eager to hear from you and assist with all your sweet needs."
background={{ variant: "plain" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/woman-is-enjoying-online-shopping_53876-47104.jpg"
@@ -139,7 +156,7 @@ export default function Page() {
logoAlt="Sweet World Worldwide Logo"
logoText="Sweet World Worldwide"
columns={[
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "About Us", href: "#about" }, { label: "Our Sweets", href: "/our-sweets" }] },
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "About Us", href: "#about" }, { label: "Our Sweets", href: "#products" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Shipping", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #0c1325;
--primary-cta: #0798ff;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #0c1325;
--accent: #93c7ff;
--background-accent: #a8cde8;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #106EFB;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);