Update src/app/page.tsx

This commit is contained in:
2026-05-28 17:26:27 +00:00
parent 6a788ea538
commit bc620917e9

View File

@@ -32,35 +32,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Uniforms", name: "Uniforms", id: "#uniforms"},
id: "#uniforms",
},
{ {
name: "Stationery", name: "Stationery", id: "#stationery"},
id: "#stationery",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Settlers Store" brandName="Settlers Store"
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "#products"}}
href: "#products",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -68,65 +54,40 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroCentered <HeroCentered
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="Your One-Stop Shop for School Essentials" 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." 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={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/joyous-cute-boy-eyeglasses-posing-camera_259150-59781.jpg", src: "http://img.b2bpic.net/free-photo/joyous-cute-boy-eyeglasses-posing-camera_259150-59781.jpg", alt: "Happy student"},
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", 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"},
alt: "Satisfied parent",
},
{ {
src: "http://img.b2bpic.net/free-photo/digital-art-young-student-school_23-2151065185.jpg", src: "http://img.b2bpic.net/free-photo/digital-art-young-student-school_23-2151065185.jpg", alt: "Enthusiastic teenager"},
alt: "Enthusiastic teenager",
},
{ {
src: "http://img.b2bpic.net/free-photo/colleagues-taking-selfie-medium-shot_23-2149008995.jpg", src: "http://img.b2bpic.net/free-photo/colleagues-taking-selfie-medium-shot_23-2149008995.jpg", alt: "Diverse family"},
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", 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"},
alt: "School administrator",
},
]} ]}
avatarText="Trusted by hundreds of schools and families." avatarText="Trusted by hundreds of schools and families."
buttons={[ buttons={[
{ {
text: "Shop Uniforms", text: "Shop Uniforms", href: "#uniforms"},
href: "#uniforms",
},
{ {
text: "Explore Stationery", text: "Explore Stationery", href: "#stationery"},
href: "#stationery",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Quality Guaranteed"},
text: "Quality Guaranteed",
},
{ {
type: "text", type: "text", text: "Wide Selection"},
text: "Wide Selection",
},
{ {
type: "text", type: "text", text: "Affordable Prices"},
text: "Affordable Prices",
},
{ {
type: "text", type: "text", text: "Trusted by Parents"},
text: "Trusted by Parents",
},
{ {
type: "text", type: "text", text: "Fast & Friendly Service"},
text: "Fast & Friendly Service",
},
]} ]}
/> />
</div> </div>
@@ -136,20 +97,22 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ {
type: "text", type: "text", content: "Settlers Store: Quality & Service Since 1994"},
content: "Settlers Store: Quality & Service Since 1994",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "#"},
href: "#",
},
]} ]}
buttonAnimation="slide-up" 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" {/* Description and Image moved outside the component as it does not support these props per schema */}
imageAlt="Interior of Settlers Store with uniforms and stationery" <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> </div>
@@ -160,53 +123,21 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "uniform-1", 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: [
title: "Durable & Long-Lasting", "Quality", "Resistant"],
author: "Settlers Store", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-first-class-stamp-collection_23-2149752760.jpg", imageAlt: "Quality badge icon"},
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", 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: [
title: "Comfortable Fit", "Comfort", "Ergonomic"],
author: "Settlers Store", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=msbx3p", imageAlt: "Comfort icon"},
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", 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: [
title: "School-Specific Compliance", "Compliance", "Local Schools"],
author: "Settlers Store", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-high-school-logo_23-2149639341.jpg", imageAlt: "School building icon"},
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", 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: [
title: "Easy Sizing & Availability", "Sizing", "Available"],
author: "Settlers Store", imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-tailoring-meter_23-2148876470.jpg", imageAlt: "Measurement tape icon"},
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" title="Quality Uniforms for Every School"
description="Durable fabrics, comfortable fit, and compliance with school regulations. Find complete uniform sets for various local schools." 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" carouselMode="buttons"
products={[ products={[
{ {
id: "prod-1", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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" title="Essential Stationery Supplies"
description="From pens and notebooks to art supplies and calculators, we stock everything students need for academic success." 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} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "plan-1", id: "plan-1", badge: "Standard", price: "Contact for Quote", subtitle: "For Individual Purchases", buttons: [
badge: "Standard",
price: "Contact for Quote",
subtitle: "For Individual Purchases",
buttons: [
{ {
text: "Inquire Now", text: "Inquire Now", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Full Range of Uniforms", "Full Range of Uniforms", "Extensive Stationery Selection", "Personalized Assistance", "In-Store Collection"],
"Extensive Stationery Selection",
"Personalized Assistance",
"In-Store Collection",
],
}, },
{ {
id: "plan-2", id: "plan-2", badge: "Value", price: "Custom Pricing", subtitle: "For Schools & Organizations", buttons: [
badge: "Value",
price: "Custom Pricing",
subtitle: "For Schools & Organizations",
buttons: [
{ {
text: "Request a Quote", text: "Request a Quote", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Bulk Order Discounts", "Bulk Order Discounts", "Custom Uniform Embroidery", "Dedicated Account Manager", "Delivery Options Available"],
"Custom Uniform Embroidery",
"Dedicated Account Manager",
"Delivery Options Available",
],
}, },
]} ]}
title="Special Services & Bulk Orders" title="Special Services & Bulk Orders"
@@ -325,50 +206,20 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
testimonials={[ testimonials={[
{ {
id: "test-1", id: "test-1", name: "Thando Makhubu", handle: "@ThandoM", testimonial: "They were very helpful in getting what I wanted. Excellent service!", rating: 5,
name: "Thando Makhubu", imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379386.jpg", imageAlt: "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", 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,
name: "S A Dau", 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"},
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", 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,
name: "Beverly Ramaube", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699888.jpg", imageAlt: "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", 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,
name: "Jane Doe", imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg", imageAlt: "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", 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,
name: "Michael Smith", 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"},
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} showRating={true}
title="What Our Customers Say" title="What Our Customers Say"
@@ -382,25 +233,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", 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."},
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", 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."},
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", 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."},
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", 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."},
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" 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" 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." description="We are conveniently located at 1099 Albertina Sisulu Rd, Bezuidenhout Valley, Johannesburg. Feel free to contact us with any inquiries."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
type: "tel",
placeholder: "Your Phone Number (Optional)",
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message", rows: 4,
placeholder: "Your Message",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg" imageSrc="http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg"
@@ -454,54 +282,33 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
{ {
label: "Location", label: "Location", href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
href: "https://maps.app.goo.gl/YourGoogleMapsLink",
},
], ],
}, },
{ {
title: "Products", title: "Products", items: [
items: [
{ {
label: "School Uniforms", label: "School Uniforms", href: "#uniforms"},
href: "#uniforms",
},
{ {
label: "Stationery", label: "Stationery", href: "#stationery"},
href: "#stationery",
},
{ {
label: "Special Orders", label: "Special Orders", href: "#pricing"},
href: "#pricing",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}