bender/e64e25db-fc16-4fe0-8685-1f288b23a197
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-28 17:26:27 +00:00
parent 6a788ea538
commit bc620917e9
1 changed files with 85 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

363
src/app/page.tsx
View File

@@ -32,35 +32,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Uniforms",
id: "#uniforms",
},
name: "Uniforms", id: "#uniforms"},
{
name: "Stationery",
id: "#stationery",
},
name: "Stationery", id: "#stationery"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Settlers Store"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
animateOnLoad={true}
/>
</div>
@@ -68,65 +54,40 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Your One-Stop Shop for School Essentials"
description="Settlers Store provides quality school uniforms and a wide range of stationery, making back-to-school easy and affordable for families in Johannesburg."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/joyous-cute-boy-eyeglasses-posing-camera_259150-59781.jpg",
alt: "Happy student",
},
src: "http://img.b2bpic.net/free-photo/joyous-cute-boy-eyeglasses-posing-camera_259150-59781.jpg", alt: "Happy student"},
{
src: "http://img.b2bpic.net/free-photo/confident-european-50-year-old-female-real-estate-agent-elegant-clothing-posing-isolated-with-arms-folded-chest_343059-3708.jpg",
alt: "Satisfied parent",
},
src: "http://img.b2bpic.net/free-photo/confident-european-50-year-old-female-real-estate-agent-elegant-clothing-posing-isolated-with-arms-folded-chest_343059-3708.jpg", alt: "Satisfied parent"},
{
src: "http://img.b2bpic.net/free-photo/digital-art-young-student-school_23-2151065185.jpg",
alt: "Enthusiastic teenager",
},
src: "http://img.b2bpic.net/free-photo/digital-art-young-student-school_23-2151065185.jpg", alt: "Enthusiastic teenager"},
{
src: "http://img.b2bpic.net/free-photo/colleagues-taking-selfie-medium-shot_23-2149008995.jpg",
alt: "Diverse family",
},
src: "http://img.b2bpic.net/free-photo/colleagues-taking-selfie-medium-shot_23-2149008995.jpg", alt: "Diverse family"},
{
src: "http://img.b2bpic.net/free-photo/handsome-stylish-old-hipster-man-senior-with-white-beard-tattoos-looking-aside-advertisement-with-pleased-face-smiling-happy-reading-promotional-text-standing-studio-background_176420-53164.jpg",
alt: "School administrator",
},
src: "http://img.b2bpic.net/free-photo/handsome-stylish-old-hipster-man-senior-with-white-beard-tattoos-looking-aside-advertisement-with-pleased-face-smiling-happy-reading-promotional-text-standing-studio-background_176420-53164.jpg", alt: "School administrator"},
]}
avatarText="Trusted by hundreds of schools and families."
buttons={[
{
text: "Shop Uniforms",
href: "#uniforms",
},
text: "Shop Uniforms", href: "#uniforms"},
{
text: "Explore Stationery",
href: "#stationery",
},
text: "Explore Stationery", href: "#stationery"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Quality Guaranteed",
},
type: "text", text: "Quality Guaranteed"},
{
type: "text",
text: "Wide Selection",
},
type: "text", text: "Wide Selection"},
{
type: "text",
text: "Affordable Prices",
},
type: "text", text: "Affordable Prices"},
{
type: "text",
text: "Trusted by Parents",
},
type: "text", text: "Trusted by Parents"},
{
type: "text",
text: "Fast & Friendly Service",
},
type: "text", text: "Fast & Friendly Service"},
]}
/>
</div>
@@ -136,20 +97,22 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Settlers Store: Quality & Service Since 1994",
},
type: "text", content: "Settlers Store: Quality & Service Since 1994"},
]}
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
buttonAnimation="slide-up"
description="Located at 1099 Albertina Sisulu Rd, Bezuidenhout Valley, Johannesburg, Settlers Store has been a cornerstone for local schools and families for decades. We are committed to providing top-quality school uniforms and a diverse range of stationery, ensuring every student is well-equipped for their academic journey. Our knowledgeable staff offers friendly, helpful service, making your shopping experience smooth and efficient."
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-shopping-mall_23-2150585935.jpg"
imageAlt="Interior of Settlers Store with uniforms and stationery"
/>
{/* Description and Image moved outside the component as it does not support these props per schema */}
<p className="mt-4 text-center text-lg leading-relaxed text-foreground-light mx-auto max-w-3xl">
Located at 1099 Albertina Sisulu Rd, Bezuidenhout Valley, Johannesburg, Settlers Store has been a cornerstone for local schools and families for decades. We are committed to providing top-quality school uniforms and a diverse range of stationery, ensuring every student is well-equipped for their academic journey. Our knowledgeable staff offers friendly, helpful service, making your shopping experience smooth and efficient.
</p>
<img
src="http://img.b2bpic.net/free-photo/full-shot-woman-shopping-mall_23-2150585935.jpg"
alt="Interior of Settlers Store with uniforms and stationery"
className="mt-8 mx-auto w-full md:max-w-xl lg:max-w-3xl rounded-lg shadow-lg"
/>
</div>
@@ -160,53 +123,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "uniform-1",
title: "Durable & Long-Lasting",
author: "Settlers Store",
description: "Our uniforms are made from high-quality, hard-wearing fabrics designed to withstand the rigors of school life and frequent washing.",
tags: [
"Quality",
"Resistant",
],
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-first-class-stamp-collection_23-2149752760.jpg",
imageAlt: "Quality badge icon",
},
id: "uniform-1", title: "Durable & Long-Lasting", author: "Settlers Store", description: "Our uniforms are made from high-quality, hard-wearing fabrics designed to withstand the rigors of school life and frequent washing.", tags: [
"Quality", "Resistant"],
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-first-class-stamp-collection_23-2149752760.jpg", imageAlt: "Quality badge icon"},
{
id: "uniform-2",
title: "Comfortable Fit",
author: "Settlers Store",
description: "Designed for active students, our uniforms offer a comfortable fit that allows for ease of movement throughout the school day.",
tags: [
"Comfort",
"Ergonomic",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=msbx3p",
imageAlt: "Comfort icon",
},
id: "uniform-2", title: "Comfortable Fit", author: "Settlers Store", description: "Designed for active students, our uniforms offer a comfortable fit that allows for ease of movement throughout the school day.", tags: [
"Comfort", "Ergonomic"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=msbx3p", imageAlt: "Comfort icon"},
{
id: "uniform-3",
title: "School-Specific Compliance",
author: "Settlers Store",
description: "We stock uniforms that meet the exact specifications and branding requirements of various schools in the surrounding area.",
tags: [
"Compliance",
"Local Schools",
],
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-high-school-logo_23-2149639341.jpg",
imageAlt: "School building icon",
},
id: "uniform-3", title: "School-Specific Compliance", author: "Settlers Store", description: "We stock uniforms that meet the exact specifications and branding requirements of various schools in the surrounding area.", tags: [
"Compliance", "Local Schools"],
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-high-school-logo_23-2149639341.jpg", imageAlt: "School building icon"},
{
id: "uniform-4",
title: "Easy Sizing & Availability",
author: "Settlers Store",
description: "Our wide range of sizes ensures a perfect fit for every student, with uniforms readily available in-store.",
tags: [
"Sizing",
"Available",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-tailoring-meter_23-2148876470.jpg",
imageAlt: "Measurement tape icon",
},
id: "uniform-4", title: "Easy Sizing & Availability", author: "Settlers Store", description: "Our wide range of sizes ensures a perfect fit for every student, with uniforms readily available in-store.", tags: [
"Sizing", "Available"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-tailoring-meter_23-2148876470.jpg", imageAlt: "Measurement tape icon"},
]}
title="Quality Uniforms for Every School"
description="Durable fabrics, comfortable fit, and compliance with school regulations. Find complete uniform sets for various local schools."
@@ -222,47 +153,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "prod-1",
name: "School Notebooks",
price: "R 25.00",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-back-school-materials-with-notebook-apple_23-2148575121.jpg",
imageAlt: "Colorful school notebooks",
},
id: "prod-1", name: "School Notebooks", price: "R 25.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-back-school-materials-with-notebook-apple_23-2148575121.jpg", imageAlt: "Colorful school notebooks"},
{
id: "prod-2",
name: "Assorted Pen Sets",
price: "R 40.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-supplies-blue-background_23-2149552413.jpg",
imageAlt: "Assorted pen sets",
},
id: "prod-2", name: "Assorted Pen Sets", price: "R 40.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-supplies-blue-background_23-2149552413.jpg", imageAlt: "Assorted pen sets"},
{
id: "prod-3",
name: "Graphite Pencil Pack",
price: "R 30.00",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-pencils-arrangement_23-2148541494.jpg",
imageAlt: "Graphite pencil pack",
},
id: "prod-3", name: "Graphite Pencil Pack", price: "R 30.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-pencils-arrangement_23-2148541494.jpg", imageAlt: "Graphite pencil pack"},
{
id: "prod-4",
name: "Colorful Erasers",
price: "R 15.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-stationery-with-colorful-pencils-medical-mask_23-2148587600.jpg",
imageAlt: "Colorful erasers",
},
id: "prod-4", name: "Colorful Erasers", price: "R 15.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-stationery-with-colorful-pencils-medical-mask_23-2148587600.jpg", imageAlt: "Colorful erasers"},
{
id: "prod-5",
name: "Student Art Set",
price: "R 120.00",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-color-palette-box-papers_23-2148745580.jpg",
imageAlt: "Student art set",
},
id: "prod-5", name: "Student Art Set", price: "R 120.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-color-palette-box-papers_23-2148745580.jpg", imageAlt: "Student art set"},
{
id: "prod-6",
name: "Scientific Calculator",
price: "R 250.00",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-school-accessories-table_23-2148179066.jpg",
imageAlt: "Scientific calculator",
},
id: "prod-6", name: "Scientific Calculator", price: "R 250.00", imageSrc: "http://img.b2bpic.net/free-photo/colorful-school-accessories-table_23-2148179066.jpg", imageAlt: "Scientific calculator"},
]}
title="Essential Stationery Supplies"
description="From pens and notebooks to art supplies and calculators, we stock everything students need for academic success."
@@ -276,40 +177,20 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "plan-1",
badge: "Standard",
price: "Contact for Quote",
subtitle: "For Individual Purchases",
buttons: [
id: "plan-1", badge: "Standard", price: "Contact for Quote", subtitle: "For Individual Purchases", buttons: [
{
text: "Inquire Now",
href: "#contact",
},
text: "Inquire Now", href: "#contact"},
],
features: [
"Full Range of Uniforms",
"Extensive Stationery Selection",
"Personalized Assistance",
"In-Store Collection",
],
"Full Range of Uniforms", "Extensive Stationery Selection", "Personalized Assistance", "In-Store Collection"],
},
{
id: "plan-2",
badge: "Value",
price: "Custom Pricing",
subtitle: "For Schools & Organizations",
buttons: [
id: "plan-2", badge: "Value", price: "Custom Pricing", subtitle: "For Schools & Organizations", buttons: [
{
text: "Request a Quote",
href: "#contact",
},
text: "Request a Quote", href: "#contact"},
],
features: [
"Bulk Order Discounts",
"Custom Uniform Embroidery",
"Dedicated Account Manager",
"Delivery Options Available",
],
"Bulk Order Discounts", "Custom Uniform Embroidery", "Dedicated Account Manager", "Delivery Options Available"],
},
]}
title="Special Services & Bulk Orders"
@@ -325,50 +206,20 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "test-1",
name: "Thando Makhubu",
handle: "@ThandoM",
testimonial: "They were very helpful in getting what I wanted. Excellent service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379386.jpg",
imageAlt: "Thando Makhubu",
},
id: "test-1", name: "Thando Makhubu", handle: "@ThandoM", testimonial: "They were very helpful in getting what I wanted. Excellent service!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379386.jpg", imageAlt: "Thando Makhubu"},
{
id: "test-2",
name: "S A Dau",
handle: "@SADau",
testimonial: "Excellent for school uniforms for schools in the surrounding area. Very good service, always, the staff and the managers are good.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shocked-young-brunette-caucasian-girl-optical-glasses-looks-camera-isolated-olive-green-background-with-copy-space_141793-67096.jpg",
imageAlt: "S A Dau",
},
id: "test-2", name: "S A Dau", handle: "@SADau", testimonial: "Excellent for school uniforms for schools in the surrounding area. Very good service, always, the staff and the managers are good.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shocked-young-brunette-caucasian-girl-optical-glasses-looks-camera-isolated-olive-green-background-with-copy-space_141793-67096.jpg", imageAlt: "S A Dau"},
{
id: "test-3",
name: "Beverly Ramaube",
handle: "@BeverlyR",
testimonial: "The quality of their products or materials (clothing) is not good, it's very poor. They come off easily and are very expensive.",
rating: 2,
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699888.jpg",
imageAlt: "Beverly Ramaube",
},
id: "test-3", name: "Beverly Ramaube", handle: "@BeverlyR", testimonial: "The quality of their products or materials (clothing) is not good, it's very poor. They come off easily and are very expensive.", rating: 2,
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699888.jpg", imageAlt: "Beverly Ramaube"},
{
id: "test-4",
name: "Jane Doe",
handle: "@JaneD",
testimonial: "Found all the stationery my kids needed in one go. The store is well-organized and the prices are reasonable.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg",
imageAlt: "Jane Doe",
},
id: "test-4", name: "Jane Doe", handle: "@JaneD", testimonial: "Found all the stationery my kids needed in one go. The store is well-organized and the prices are reasonable.", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg", imageAlt: "Jane Doe"},
{
id: "test-5",
name: "Michael Smith",
handle: "@MichaelS",
testimonial: "I appreciate the wide selection of uniforms. It saved me a lot of time compared to visiting multiple shops.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-redhead-girl-sweater-smiling-happy-camera-standing-against-blue-background_1258-55933.jpg",
imageAlt: "Michael Smith",
},
id: "test-5", name: "Michael Smith", handle: "@MichaelS", testimonial: "I appreciate the wide selection of uniforms. It saved me a lot of time compared to visiting multiple shops.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-redhead-girl-sweater-smiling-happy-camera-standing-against-blue-background_1258-55933.jpg", imageAlt: "Michael Smith"},
]}
showRating={true}
title="What Our Customers Say"
@@ -382,25 +233,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What schools do you supply uniforms for?",
content: "We supply uniforms for a wide range of local schools in Johannesburg. Please visit our store or contact us to inquire about specific school uniform availability.",
},
id: "faq-1", title: "What schools do you supply uniforms for?", content: "We supply uniforms for a wide range of local schools in Johannesburg. Please visit our store or contact us to inquire about specific school uniform availability."},
{
id: "faq-2",
title: "Do you offer bulk discounts for stationery?",
content: "Yes, we offer special bulk pricing for schools, businesses, and organizations. Please get in touch with our team to discuss your specific needs and receive a custom quote.",
},
id: "faq-2", title: "Do you offer bulk discounts for stationery?", content: "Yes, we offer special bulk pricing for schools, businesses, and organizations. Please get in touch with our team to discuss your specific needs and receive a custom quote."},
{
id: "faq-3",
title: "Can I get custom embroidery on uniforms?",
content: "Absolutely! We provide custom embroidery services for school logos and names on uniforms. Ask our staff for details and lead times.",
},
id: "faq-3", title: "Can I get custom embroidery on uniforms?", content: "Absolutely! We provide custom embroidery services for school logos and names on uniforms. Ask our staff for details and lead times."},
{
id: "faq-4",
title: "What are your store hours?",
content: "Our store is typically open from 9 AM. Please check our Google Maps listing or contact us for the most up-to-date hours, especially during holidays.",
},
id: "faq-4", title: "What are your store hours?", content: "Our store is typically open from 9 AM. Please check our Google Maps listing or contact us for the most up-to-date hours, especially during holidays."},
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg"
imageAlt="Person asking questions with question marks"
@@ -419,27 +258,16 @@ export default function LandingPage() {
description="We are conveniently located at 1099 Albertina Sisulu Rd, Bezuidenhout Valley, Johannesburg. Feel free to contact us with any inquiries."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg"
@@ -454,54 +282,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Location",
href: "https://maps.app.goo.gl/YourGoogleMapsLink",
},
label: "Location", href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
],
},
{
title: "Products",
items: [
title: "Products", items: [
{
label: "School Uniforms",
href: "#uniforms",
},
label: "School Uniforms", href: "#uniforms"},
{
label: "Stationery",
href: "#stationery",
},
label: "Stationery", href: "#stationery"},
{
label: "Special Orders",
href: "#pricing",
},
label: "Special Orders", href: "#pricing"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}