Merge version_1 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -28,87 +28,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lalas Beads & Gifts"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Luxury Beads, Beautiful Creations"
|
||||
description="Discover a world of creativity with premium beads, craft supplies, and unique handmade gifts. Perfect for school projects, small businesses, and creative minds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch_107420-65200.jpg"
|
||||
imageAlt="Luxury bead collections"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-female-assistant-serving-young-customer-clothing-boutique_23-2148101718.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/making-design-perfect-way_329181-14396.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-glue-gun_23-2149025914.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-owner-making-calculation-calculator-his-clothes-store_23-2148175686.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-painting_23-2148769791.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-female-assistant-serving-young-customer-clothing-boutique_23-2148101718.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/making-design-perfect-way_329181-14396.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-glue-gun_23-2149025914.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-owner-making-calculation-calculator-his-clothes-store_23-2148175686.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-woman-painting_23-2148769791.jpg", alt: "Happy customer" },
|
||||
]}
|
||||
avatarText="Join 5,000+ happy crafters"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handmade Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Friendly Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Kits",
|
||||
},
|
||||
{ type: "text", text: "Premium Materials" },
|
||||
{ type: "text", text: "Handmade Quality" },
|
||||
{ type: "text", text: "Friendly Support" },
|
||||
{ type: "text", text: "Fast Shipping" },
|
||||
{ type: "text", text: "Creative Kits" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,42 +72,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Glass & Plastic Beads",
|
||||
price: "From $5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording-marbles_23-2149313917.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pearls & Wooden Beads",
|
||||
price: "From $8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-wedding-arrangement_23-2148289692.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "T-Shirt Yarn & Supplies",
|
||||
price: "From $12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-button_23-2148876453.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Jewelry Findings",
|
||||
price: "From $3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording-marbles_23-2149313917.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Handmade Gift Kits",
|
||||
price: "From $15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-wedding-arrangement_23-2148289692.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "School Craft Packs",
|
||||
price: "From $7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-button_23-2148876453.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "Glass & Plastic Beads", price: "From $5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording-marbles_23-2149313917.jpg" },
|
||||
{ id: "p2", name: "Pearls & Wooden Beads", price: "From $8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-wedding-arrangement_23-2148289692.jpg" },
|
||||
{ id: "p3", name: "T-Shirt Yarn & Supplies", price: "From $12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-button_23-2148876453.jpg" },
|
||||
{ id: "p4", name: "Jewelry Findings", price: "From $3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording-marbles_23-2149313917.jpg" },
|
||||
{ id: "p5", name: "Handmade Gift Kits", price: "From $15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-wedding-arrangement_23-2148289692.jpg" },
|
||||
{ id: "p6", name: "School Craft Packs", price: "From $7", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-button_23-2148876453.jpg" },
|
||||
]}
|
||||
title="Our Products"
|
||||
description="High-quality materials perfect for jewelry making, school projects, and creative designs."
|
||||
@@ -169,18 +91,9 @@ export default function LandingPage() {
|
||||
title="Why Choose Us?"
|
||||
description="Lalas Beads & Gifts is a trusted local store known for its wide variety, friendly service, and willingness to source exactly what customers need. Whether you're a beginner or a pro, we have everything to bring your ideas to life."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Variety",
|
||||
description: "Wide range of high-quality materials.",
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
description: "Friendly, expert-led customer support.",
|
||||
},
|
||||
{
|
||||
title: "Sourcing",
|
||||
description: "Specialized sourcing for unique needs.",
|
||||
},
|
||||
{ title: "Variety", description: "Wide range of high-quality materials." },
|
||||
{ title: "Service", description: "Friendly, expert-led customer support." },
|
||||
{ title: "Sourcing", description: "Specialized sourcing for unique needs." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gift-wrapping-design-space_53876-23098.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -193,41 +106,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahcrafts",
|
||||
testimonial: "Great variety and willing to source what you need!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-assistant-serving-young-customer-clothing-boutique_23-2148101718.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markdesign",
|
||||
testimonial: "Friendly staff and amazing service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-design-perfect-way_329181-14396.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyarts",
|
||||
testimonial: "Perfect for school projects and craft lovers!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-glue-gun_23-2149025914.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidbeads",
|
||||
testimonial: "The best selection in Rustenburg!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-owner-making-calculation-calculator-his-clothes-store_23-2148175686.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
handle: "@lindacrafts",
|
||||
testimonial: "Always find what I need for my small business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-painting_23-2148769791.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahcrafts", testimonial: "Great variety and willing to source what you need!", imageSrc: "http://img.b2bpic.net/free-photo/positive-female-assistant-serving-young-customer-clothing-boutique_23-2148101718.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markdesign", testimonial: "Friendly staff and amazing service.", imageSrc: "http://img.b2bpic.net/free-photo/making-design-perfect-way_329181-14396.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyarts", testimonial: "Perfect for school projects and craft lovers!", imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-glue-gun_23-2149025914.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidbeads", testimonial: "The best selection in Rustenburg!", imageSrc: "http://img.b2bpic.net/free-photo/male-owner-making-calculation-calculator-his-clothes-store_23-2148175686.jpg" },
|
||||
{ id: "5", name: "Linda M.", handle: "@lindacrafts", testimonial: "Always find what I need for my small business.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-painting_23-2148769791.jpg" },
|
||||
]}
|
||||
title="What Customers Say"
|
||||
description="Hear from our happy crafters."
|
||||
@@ -240,24 +123,10 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="111 Brink St, Rustenburg | Call: 068 658 9754"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395754.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -267,32 +136,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-pin-box-with-colorful-needles_23-2148212707.jpg"
|
||||
logoText="Lalas Beads & Gifts"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Store", items: [{ label: "Products", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2026 Lalas Beads & Gifts. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user