bender/532be60e-6e88-451f-a577-8e0c4ad2ca5b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 6 commits from version_1 into main 2026-03-05 13:35:37 +00:00
Conversation 0 Commits 6 Files Changed 6 +155 -332
6 changed files with 155 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/app/about/page.tsx
View File

@@ -5,6 +5,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Heart } from "lucide-react";
import Link from "next/link";
export default function AboutPage() {
@@ -56,33 +57,21 @@ export default function AboutPage() {
title="Our Story & Values"
description="50 Something Wolwinkel is dedicated to bringing quality craft supplies and community together"
tag="Our Mission"
tagIcon="Heart"
tagIcon={Heart}
features={[
{
id: 1,
title: "Quality First",
description: "We believe in sourcing the finest yarns and materials. Every product is hand-picked to ensure our customers get the best for their creative projects.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg?_wi=3",
imageAlt: "Premium yarn selection",
},
title: "Quality First", description: "We believe in sourcing the finest yarns and materials. Every product is hand-picked to ensure our customers get the best for their creative projects.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg", imageAlt: "Premium yarn selection"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg?_wi=2",
imageAlt: "Welcoming store atmosphere",
},
imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg", imageAlt: "Welcoming store atmosphere"},
},
{
id: 2,
title: "Community Connection",
description: "Our store is more than just a shop – it's a gathering place for local craft enthusiasts. We foster connections and share knowledge to inspire creative growth.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg?_wi=3",
imageAlt: "Community craft space",
},
title: "Community Connection", description: "Our store is more than just a shop – it's a gathering place for local craft enthusiasts. We foster connections and share knowledge to inspire creative growth.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg", imageAlt: "Community craft space"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg?_wi=3",
imageAlt: "Craft guidance and support",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg", imageAlt: "Craft guidance and support"},
},
]}
showStepNumbers={true}
@@ -96,8 +85,7 @@ export default function AboutPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Yarn & Wool", href: "/products" },
{ label: "Knitting Needles", href: "/products" },
{ label: "Crochet Hooks", href: "/products" },
@@ -105,8 +93,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "/reviews" },
@@ -114,8 +101,7 @@ export default function AboutPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Call Us", href: "tel:0735194200" },
{ label: "Visit Store", href: "/contact" },
@@ -123,8 +109,7 @@ export default function AboutPage() {
],
},
{
title: "Hours",
items: [
title: "Hours", items: [
{ label: "Open Daily", href: "#" },
{ label: "Closes at 5:00 PM", href: "#" },
{ label: "Vredenburg, 7380", href: "#" },

44
src/app/contact/page.tsx
View File

@@ -5,6 +5,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { MapPin, HelpCircle } from "lucide-react";
import Link from "next/link";
export default function ContactPage() {
@@ -43,7 +44,7 @@ export default function ContactPage() {
tag="Get In Touch"
title="Visit Us in Vredenburg"
description="Stop by our store in the Vredenburg shopping mall. We're here to help you find the perfect supplies for your next creative project."
tagIcon="MapPin"
tagIcon={MapPin}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
@@ -61,35 +62,20 @@ export default function ContactPage() {
title="Frequently Asked Questions"
description="Everything you need to know about 50 Something Wolwinkel and our services"
tag="Help"
tagIcon="HelpCircle"
tagIcon={HelpCircle}
faqs={[
{
id: "1",
title: "What are your store hours?",
content: "We're open daily and close at 5:00 PM. Perfect for a quick visit during your shopping mall trip! We're located inside the shopping mall in Vredenburg.",
},
id: "1", title: "What are your store hours?", content: "We're open daily and close at 5:00 PM. Perfect for a quick visit during your shopping mall trip! We're located inside the shopping mall in Vredenburg."},
{
id: "2",
title: "Do you offer knitting classes?",
content: "While we focus on providing quality supplies, our knowledgeable staff can offer guidance on yarn selection and project recommendations. Contact us at 073 519 4200 for personalized advice.",
},
id: "2", title: "Do you offer knitting classes?", content: "While we focus on providing quality supplies, our knowledgeable staff can offer guidance on yarn selection and project recommendations. Contact us at 073 519 4200 for personalized advice."},
{
id: "3",
title: "What payment methods do you accept?",
content: "We accept cash and card payments at our physical store location. Visit us in Vredenburg to complete your purchase.",
},
id: "3", title: "What payment methods do you accept?", content: "We accept cash and card payments at our physical store location. Visit us in Vredenburg to complete your purchase."},
{
id: "4",
title: "Do you offer special orders?",
content: "Yes! We can help source specific yarns or supplies. Call us at 073 519 4200 to discuss your special order needs.",
},
id: "4", title: "Do you offer special orders?", content: "Yes! We can help source specific yarns or supplies. Call us at 073 519 4200 to discuss your special order needs."},
{
id: "5",
title: "Are you beginner-friendly?",
content: "Absolutely! Our team is passionate about helping both beginners and experienced crafters. We stock supplies for all skill levels and can recommend perfect starter yarns and kits.",
},
id: "5", title: "Are you beginner-friendly?", content: "Absolutely! Our team is passionate about helping both beginners and experienced crafters. We stock supplies for all skill levels and can recommend perfect starter yarns and kits."},
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg"
imageAlt="Welcoming store interior with yarn displays"
mediaPosition="left"
textboxLayout="default"
@@ -103,8 +89,7 @@ export default function ContactPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Yarn & Wool", href: "/products" },
{ label: "Knitting Needles", href: "/products" },
{ label: "Crochet Hooks", href: "/products" },
@@ -112,8 +97,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "/reviews" },
@@ -121,8 +105,7 @@ export default function ContactPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Call Us", href: "tel:0735194200" },
{ label: "Visit Store", href: "/contact" },
@@ -130,8 +113,7 @@ export default function ContactPage() {
],
},
{
title: "Hours",
items: [
title: "Hours", items: [
{ label: "Open Daily", href: "#" },
{ label: "Closes at 5:00 PM", href: "#" },
{ label: "Vredenburg, 7380", href: "#" },

63
src/app/gallery/page.tsx
View File

@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Image } from "lucide-react";
import Link from "next/link";
export default function GalleryPage() {
@@ -42,52 +43,20 @@ export default function GalleryPage() {
title="Visual Gallery & Inspiration"
description="Explore our complete collection of yarns, projects, store displays, and creative inspirations from 50 Something Wolwinkel"
tag="Gallery"
tagIcon="Image"
tagIcon={Image}
blogs={[
{
id: "1",
category: ["Yarn", "Colors"],
title: "Rainbow Yarn Palette",
excerpt: "Our extensive collection of yarn colors to inspire every project. From soft pastels to vibrant hues and everything in between.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-thread-reels_23-2148527987.jpg?_wi=3",
imageAlt: "Display of colorful yarn balls",
authorName: "50 Something Team",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
date: "Curated Collection",
},
id: "1", category: ["Yarn", "Colors"],
title: "Rainbow Yarn Palette", excerpt: "Our extensive collection of yarn colors to inspire every project. From soft pastels to vibrant hues and everything in between.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-thread-reels_23-2148527987.jpg", imageAlt: "Display of colorful yarn balls", authorName: "50 Something Team", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", date: "Curated Collection"},
{
id: "2",
category: ["Projects", "Inspiration"],
title: "Finished Knitting Projects",
excerpt: "Stunning creations from our customers. See what's possible with quality materials and patience. From beginner scarves to advanced sweaters.",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-knitted-element-yarn-heart-made-threads_169016-52051.jpg?_wi=2",
imageAlt: "Completed knitted sweater projects",
authorName: "Customer Made",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
date: "Community Showcase",
},
id: "2", category: ["Projects", "Inspiration"],
title: "Finished Knitting Projects", excerpt: "Stunning creations from our customers. See what's possible with quality materials and patience. From beginner scarves to advanced sweaters.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-knitted-element-yarn-heart-made-threads_169016-52051.jpg", imageAlt: "Completed knitted sweater projects", authorName: "Customer Made", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", date: "Community Showcase"},
{
id: "3",
category: ["Store", "Organization"],
title: "Shop Layout & Display",
excerpt: "Our organized store layout makes it easy to find exactly what you need for your next project. Browse by type or color.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-placing-stacked-flowering-pots-shelf_23-2147948294.jpg?_wi=2",
imageAlt: "Well-organized store shelves with supplies",
authorName: "50 Something Team",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
date: "Shop Tour",
},
id: "3", category: ["Store", "Organization"],
title: "Shop Layout & Display", excerpt: "Our organized store layout makes it easy to find exactly what you need for your next project. Browse by type or color.", imageSrc: "http://img.b2bpic.net/free-photo/woman-placing-stacked-flowering-pots-shelf_23-2147948294.jpg", imageAlt: "Well-organized store shelves with supplies", authorName: "50 Something Team", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", date: "Shop Tour"},
{
id: "4",
category: ["Workspace", "Creative"],
title: "Craft Corner Inspiration",
excerpt: "Get inspired by our cozy craft spaces and creative workstation setups. Perfect for planning your next knitting adventure.",
imageSrc: "http://img.b2bpic.net/free-photo/gift-wrapping-design-space_53876-23098.jpg?_wi=2",
imageAlt: "Creative workspace with craft materials",
authorName: "Design Inspiration",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
date: "DIY Ideas",
},
id: "4", category: ["Workspace", "Creative"],
title: "Craft Corner Inspiration", excerpt: "Get inspired by our cozy craft spaces and creative workstation setups. Perfect for planning your next knitting adventure.", imageSrc: "http://img.b2bpic.net/free-photo/gift-wrapping-design-space_53876-23098.jpg", imageAlt: "Creative workspace with craft materials", authorName: "Design Inspiration", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", date: "DIY Ideas"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -100,8 +69,7 @@ export default function GalleryPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Yarn & Wool", href: "/products" },
{ label: "Knitting Needles", href: "/products" },
{ label: "Crochet Hooks", href: "/products" },
@@ -109,8 +77,7 @@ export default function GalleryPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "/reviews" },
@@ -118,8 +85,7 @@ export default function GalleryPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Call Us", href: "tel:0735194200" },
{ label: "Visit Store", href: "/contact" },
@@ -127,8 +93,7 @@ export default function GalleryPage() {
],
},
{
title: "Hours",
items: [
title: "Hours", items: [
{ label: "Open Daily", href: "#" },
{ label: "Closes at 5:00 PM", href: "#" },
{ label: "Vredenburg, 7380", href: "#" },

212
src/app/page.tsx
View File

@@ -11,6 +11,7 @@ import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles, Package, Star, Image, HelpCircle, MapPin } from "lucide-react";
import Link from "next/link";
export default function HomePage() {
@@ -76,33 +77,21 @@ export default function HomePage() {
title="Why Choose 50 Something Wolwinkel"
description="We offer everything you need for your knitting and crochet journey"
tag="What We Offer"
tagIcon="Sparkles"
tagIcon={Sparkles}
features={[
{
id: 1,
title: "Premium Yarn Selection",
description: "Hand-picked yarns and wools from trusted suppliers. All weights, colors, and textures for every project.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg?_wi=1",
imageAlt: "Multi-colored yarn balls",
},
title: "Premium Yarn Selection", description: "Hand-picked yarns and wools from trusted suppliers. All weights, colors, and textures for every project.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg", imageAlt: "Multi-colored yarn balls"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg?_wi=1",
imageAlt: "Store interior with yarn displays",
},
imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg", imageAlt: "Store interior with yarn displays"},
},
{
id: 2,
title: "Expert Tools & Supplies",
description: "Quality knitting needles, crochet hooks, and craft accessories. Everything organized and ready to use.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg?_wi=1",
imageAlt: "Knitting needles and tools",
},
title: "Expert Tools & Supplies", description: "Quality knitting needles, crochet hooks, and craft accessories. Everything organized and ready to use.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg", imageAlt: "Knitting needles and tools"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg?_wi=1",
imageAlt: "Crochet patterns and guides",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg", imageAlt: "Crochet patterns and guides"},
},
]}
showStepNumbers={true}
@@ -117,38 +106,17 @@ export default function HomePage() {
title="Our Product Categories"
description="Explore our carefully curated selection of yarns, needles, patterns, and accessories"
tag="Shop"
tagIcon="Package"
tagIcon={Package}
products={[
{
id: "1",
brand: "Premium Yarns",
name: "Merino Wool Blend",
price: "From R89",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg?_wi=2",
imageAlt: "Merino wool blend yarn in multiple colors",
},
id: "1", brand: "Premium Yarns", name: "Merino Wool Blend", price: "From R89", rating: 5,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg", imageAlt: "Merino wool blend yarn in multiple colors"},
{
id: "2",
brand: "Quality Tools",
name: "Bamboo Knitting Needles Set",
price: "From R199",
rating: 5,
reviewCount: "28",
imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg?_wi=2",
imageAlt: "Complete set of bamboo knitting needles",
},
id: "2", brand: "Quality Tools", name: "Bamboo Knitting Needles Set", price: "From R199", rating: 5,
reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg", imageAlt: "Complete set of bamboo knitting needles"},
{
id: "3",
brand: "Craft Resources",
name: "Knitting Pattern Collections",
price: "From R79",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg?_wi=2",
imageAlt: "Various knitting pattern guides and instructions",
},
id: "3", brand: "Craft Resources", name: "Knitting Pattern Collections", price: "From R79", rating: 4,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg", imageAlt: "Various knitting pattern guides and instructions"},
]}
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
@@ -162,44 +130,20 @@ export default function HomePage() {
title="Loved by Our Community"
description="Hear from local craft enthusiasts who've discovered their favorite supplies with us"
tag="Reviews"
tagIcon="Star"
tagIcon={Star}
testimonials={[
{
id: "1",
name: "Maria Visagie",
role: "Knitting Enthusiast",
company: "Vredenburg",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg?_wi=1",
imageAlt: "Maria Visagie",
},
id: "1", name: "Maria Visagie", role: "Knitting Enthusiast", company: "Vredenburg", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg", imageAlt: "Maria Visagie"},
{
id: "2",
name: "Anita de Jager",
role: "Crochet Instructor",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg?_wi=1",
imageAlt: "Anita de Jager",
},
id: "2", name: "Anita de Jager", role: "Crochet Instructor", company: "Local Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg", imageAlt: "Anita de Jager"},
{
id: "3",
name: "Petra Hoffmann",
role: "Craft Hobbyist",
company: "Vredenburg Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=1",
imageAlt: "Petra Hoffmann",
},
id: "3", name: "Petra Hoffmann", role: "Craft Hobbyist", company: "Vredenburg Area", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Petra Hoffmann"},
{
id: "4",
name: "Liesl Malan",
role: "Retired Teacher",
company: "West Coast",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg?_wi=1",
imageAlt: "Liesl Malan",
},
id: "4", name: "Liesl Malan", role: "Retired Teacher", company: "West Coast", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", imageAlt: "Liesl Malan"},
]}
kpiItems={[
{ value: "4.0", label: "Star Rating" },
@@ -217,52 +161,20 @@ export default function HomePage() {
title="Gallery & Inspiration"
description="Browse our collection of yarns, projects, and store ambiance"
tag="Visual Tour"
tagIcon="Image"
tagIcon={Image}
blogs={[
{
id: "1",
category: ["Yarn", "Colors"],
title: "Rainbow Yarn Palette",
excerpt: "Our extensive collection of yarn colors to inspire every project. From soft pastels to vibrant hues.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-thread-reels_23-2148527987.jpg?_wi=1",
imageAlt: "Display of colorful yarn balls",
authorName: "50 Something Team",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
date: "Curated Collection",
},
id: "1", category: ["Yarn", "Colors"],
title: "Rainbow Yarn Palette", excerpt: "Our extensive collection of yarn colors to inspire every project. From soft pastels to vibrant hues.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-thread-reels_23-2148527987.jpg", imageAlt: "Display of colorful yarn balls", authorName: "50 Something Team", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", date: "Curated Collection"},
{
id: "2",
category: ["Projects", "Inspiration"],
title: "Finished Knitting Projects",
excerpt: "Stunning creations from our customers. See what's possible with quality materials and patience.",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-knitted-element-yarn-heart-made-threads_169016-52051.jpg?_wi=1",
imageAlt: "Completed knitted sweater projects",
authorName: "Customer Made",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
date: "Community Showcase",
},
id: "2", category: ["Projects", "Inspiration"],
title: "Finished Knitting Projects", excerpt: "Stunning creations from our customers. See what's possible with quality materials and patience.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-knitted-element-yarn-heart-made-threads_169016-52051.jpg", imageAlt: "Completed knitted sweater projects", authorName: "Customer Made", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", date: "Community Showcase"},
{
id: "3",
category: ["Store", "Organization"],
title: "Shop Layout & Display",
excerpt: "Our organized store layout makes it easy to find exactly what you need for your next project.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-placing-stacked-flowering-pots-shelf_23-2147948294.jpg?_wi=1",
imageAlt: "Well-organized store shelves with supplies",
authorName: "50 Something Team",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
date: "Shop Tour",
},
id: "3", category: ["Store", "Organization"],
title: "Shop Layout & Display", excerpt: "Our organized store layout makes it easy to find exactly what you need for your next project.", imageSrc: "http://img.b2bpic.net/free-photo/woman-placing-stacked-flowering-pots-shelf_23-2147948294.jpg", imageAlt: "Well-organized store shelves with supplies", authorName: "50 Something Team", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", date: "Shop Tour"},
{
id: "4",
category: ["Workspace", "Creative"],
title: "Craft Corner Inspiration",
excerpt: "Get inspired by our cozy craft spaces and creative workstation setups.",
imageSrc: "http://img.b2bpic.net/free-photo/gift-wrapping-design-space_53876-23098.jpg?_wi=1",
imageAlt: "Creative workspace with craft materials",
authorName: "Design Inspiration",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
date: "DIY Ideas",
},
id: "4", category: ["Workspace", "Creative"],
title: "Craft Corner Inspiration", excerpt: "Get inspired by our cozy craft spaces and creative workstation setups.", imageSrc: "http://img.b2bpic.net/free-photo/gift-wrapping-design-space_53876-23098.jpg", imageAlt: "Creative workspace with craft materials", authorName: "Design Inspiration", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", date: "DIY Ideas"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -271,12 +183,57 @@ export default function HomePage() {
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Everything you need to know about 50 Something Wolwinkel and our services"
tag="Help"
tagIcon={HelpCircle}
faqs={[
{
id: "1", title: "What are your store hours?", content: "We're open daily and close at 5:00 PM. Perfect for a quick visit during your shopping mall trip! We're located inside the shopping mall in Vredenburg."},
{
id: "2", title: "Do you offer knitting classes?", content: "While we focus on providing quality supplies, our knowledgeable staff can offer guidance on yarn selection and project recommendations. Contact us at 073 519 4200 for personalized advice."},
{
id: "3", title: "What payment methods do you accept?", content: "We accept cash and card payments at our physical store location. Visit us in Vredenburg to complete your purchase."},
{
id: "4", title: "Do you offer special orders?", content: "Yes! We can help source specific yarns or supplies. Call us at 073 519 4200 to discuss your special order needs."},
{
id: "5", title: "Are you beginner-friendly?", content: "Absolutely! Our team is passionate about helping both beginners and experienced crafters. We stock supplies for all skill levels and can recommend perfect starter yarns and kits."},
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg"
imageAlt="Welcoming store interior with yarn displays"
mediaPosition="left"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Visit Us in Vredenburg"
description="Stop by our store in the Vredenburg shopping mall. We're here to help you find the perfect supplies for your next creative project."
tagIcon={MapPin}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg"
imageAlt="50 Something Wolwinkel store location"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Yarn & Wool", href: "/products" },
{ label: "Knitting Needles", href: "/products" },
{ label: "Crochet Hooks", href: "/products" },
@@ -284,8 +241,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "/reviews" },
@@ -293,8 +249,7 @@ export default function HomePage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Call Us", href: "tel:0735194200" },
{ label: "Visit Store", href: "/contact" },
@@ -302,8 +257,7 @@ export default function HomePage() {
],
},
{
title: "Hours",
items: [
title: "Hours", items: [
{ label: "Open Daily", href: "#" },
{ label: "Closes at 5:00 PM", href: "#" },
{ label: "Vredenburg, 7380", href: "#" },

74
src/app/products/page.tsx
View File

@@ -5,6 +5,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Package, Zap } from "lucide-react";
import Link from "next/link";
export default function ProductsPage() {
@@ -43,38 +44,17 @@ export default function ProductsPage() {
title="Our Complete Product Range"
description="Browse our full selection of premium yarns, needles, patterns, and craft accessories. Everything you need for your next creative project."
tag="Shop"
tagIcon="Package"
tagIcon={Package}
products={[
{
id: "1",
brand: "Premium Yarns",
name: "Merino Wool Blend",
price: "From R89",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg?_wi=4",
imageAlt: "Merino wool blend yarn in multiple colors",
},
id: "1", brand: "Premium Yarns", name: "Merino Wool Blend", price: "From R89", rating: 5,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg", imageAlt: "Merino wool blend yarn in multiple colors"},
{
id: "2",
brand: "Quality Tools",
name: "Bamboo Knitting Needles Set",
price: "From R199",
rating: 5,
reviewCount: "28",
imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg?_wi=4",
imageAlt: "Complete set of bamboo knitting needles",
},
id: "2", brand: "Quality Tools", name: "Bamboo Knitting Needles Set", price: "From R199", rating: 5,
reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg", imageAlt: "Complete set of bamboo knitting needles"},
{
id: "3",
brand: "Craft Resources",
name: "Knitting Pattern Collections",
price: "From R79",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg?_wi=4",
imageAlt: "Various knitting pattern guides and instructions",
},
id: "3", brand: "Craft Resources", name: "Knitting Pattern Collections", price: "From R79", rating: 4,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg", imageAlt: "Various knitting pattern guides and instructions"},
]}
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
@@ -88,33 +68,21 @@ export default function ProductsPage() {
title="Why Our Products Stand Out"
description="Discover the quality and care behind every item in our store"
tag="Product Excellence"
tagIcon="Zap"
tagIcon={Zap}
features={[
{
id: 1,
title: "Hand-Selected Yarns",
description: "Each yarn is carefully chosen for quality, color, and texture. We work with trusted international suppliers to bring you the best.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-thread-reels_23-2148527987.jpg?_wi=2",
imageAlt: "Colorful yarn palette",
},
title: "Hand-Selected Yarns", description: "Each yarn is carefully chosen for quality, color, and texture. We work with trusted international suppliers to bring you the best.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-thread-reels_23-2148527987.jpg", imageAlt: "Colorful yarn palette"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg?_wi=5",
imageAlt: "Premium yarn collection",
},
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-ball-yarns-wooden-background_23-2147875063.jpg", imageAlt: "Premium yarn collection"},
},
{
id: 2,
title: "Professional-Grade Tools",
description: "Our knitting needles and crochet hooks are selected for durability and ease of use. Perfect for both beginners and experienced crafters.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg?_wi=5",
imageAlt: "Quality crafting tools",
},
title: "Professional-Grade Tools", description: "Our knitting needles and crochet hooks are selected for durability and ease of use. Perfect for both beginners and experienced crafters.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/box-with-yarn-threads-wooden-knitting-needles_169016-49979.jpg", imageAlt: "Quality crafting tools"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg?_wi=5",
imageAlt: "Complete craft kit",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-set-with-yarn-notebook_23-2148815768.jpg", imageAlt: "Complete craft kit"},
},
]}
showStepNumbers={true}
@@ -128,8 +96,7 @@ export default function ProductsPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Yarn & Wool", href: "/products" },
{ label: "Knitting Needles", href: "/products" },
{ label: "Crochet Hooks", href: "/products" },
@@ -137,8 +104,7 @@ export default function ProductsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "/reviews" },
@@ -146,8 +112,7 @@ export default function ProductsPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Call Us", href: "tel:0735194200" },
{ label: "Visit Store", href: "/contact" },
@@ -155,8 +120,7 @@ export default function ProductsPage() {
],
},
{
title: "Hours",
items: [
title: "Hours", items: [
{ label: "Open Daily", href: "#" },
{ label: "Closes at 5:00 PM", href: "#" },
{ label: "Vredenburg, 7380", href: "#" },

55
src/app/reviews/page.tsx
View File

@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Star } from "lucide-react";
import Link from "next/link";
export default function ReviewsPage() {
@@ -42,44 +43,20 @@ export default function ReviewsPage() {
title="What Our Community Says"
description="Read heartfelt testimonials from our valued customers and local craft enthusiasts who have found their creative home at 50 Something Wolwinkel"
tag="Customer Reviews"
tagIcon="Star"
tagIcon={Star}
testimonials={[
{
id: "1",
name: "Maria Visagie",
role: "Knitting Enthusiast",
company: "Vredenburg",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg?_wi=2",
imageAlt: "Maria Visagie - Happy customer",
},
id: "1", name: "Maria Visagie", role: "Knitting Enthusiast", company: "Vredenburg", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg", imageAlt: "Maria Visagie - Happy customer"},
{
id: "2",
name: "Anita de Jager",
role: "Crochet Instructor",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg?_wi=2",
imageAlt: "Anita de Jager - Satisfied customer",
},
id: "2", name: "Anita de Jager", role: "Crochet Instructor", company: "Local Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg", imageAlt: "Anita de Jager - Satisfied customer"},
{
id: "3",
name: "Petra Hoffmann",
role: "Craft Hobbyist",
company: "Vredenburg Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=2",
imageAlt: "Petra Hoffmann - Valued customer",
},
id: "3", name: "Petra Hoffmann", role: "Craft Hobbyist", company: "Vredenburg Area", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Petra Hoffmann - Valued customer"},
{
id: "4",
name: "Liesl Malan",
role: "Retired Teacher",
company: "West Coast",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg?_wi=2",
imageAlt: "Liesl Malan - Loyal customer",
},
id: "4", name: "Liesl Malan", role: "Retired Teacher", company: "West Coast", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", imageAlt: "Liesl Malan - Loyal customer"},
]}
kpiItems={[
{ value: "4.9", label: "Average Rating" },
@@ -96,8 +73,7 @@ export default function ReviewsPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Yarn & Wool", href: "/products" },
{ label: "Knitting Needles", href: "/products" },
{ label: "Crochet Hooks", href: "/products" },
@@ -105,8 +81,7 @@ export default function ReviewsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "/reviews" },
@@ -114,8 +89,7 @@ export default function ReviewsPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Call Us", href: "tel:0735194200" },
{ label: "Visit Store", href: "/contact" },
@@ -123,8 +97,7 @@ export default function ReviewsPage() {
],
},
{
title: "Hours",
items: [
title: "Hours", items: [
{ label: "Open Daily", href: "#" },
{ label: "Closes at 5:00 PM", href: "#" },
{ label: "Vredenburg, 7380", href: "#" },