Merge version_1 into main #1
346
src/app/page.tsx
346
src/app/page.tsx
@@ -31,135 +31,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Gallery", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ruby Promotion Kaos"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:081219168005",
|
||||
}}
|
||||
button={{ text: "Call Now", href: "tel:081219168005" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Custom T-Shirts & Kaos Promosi Berkualitas"
|
||||
description="Fast, affordable, and high-quality custom apparel for your local business or event. Get a free quote today and experience reliable, trusted service."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Budi Santoso",
|
||||
handle: "@budi_s",
|
||||
testimonial: "Layanan cepat dan kualitas kaos luar biasa. Sangat recommended untuk promosi!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
},
|
||||
{
|
||||
name: "Siti Aminah",
|
||||
handle: "@siti_a",
|
||||
testimonial: "Hasil cetak rapi, tepat waktu. Bisnis saya jadi lebih profesional dengan kaos dari Ruby.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
name: "Andi Pratama",
|
||||
handle: "@andi_p",
|
||||
testimonial: "Pelayanan sangat memuaskan, desain unik dan bahan sangat adem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dewi Sartika",
|
||||
handle: "@dewi_s",
|
||||
testimonial: "Kaos promosi untuk event kantor selalu tepat waktu dan kualitasnya juara.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
name: "Eko Wijaya",
|
||||
handle: "@eko_w",
|
||||
testimonial: "Ruby Promotion adalah partner terbaik untuk merchandise bisnis kami.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:081219168005",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Budi Santoso", handle: "@budi_s", testimonial: "Layanan cepat dan kualitas kaos luar biasa. Sangat recommended untuk promosi!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
|
||||
{ name: "Siti Aminah", handle: "@siti_a", testimonial: "Hasil cetak rapi, tepat waktu. Bisnis saya jadi lebih profesional dengan kaos dari Ruby.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ name: "Andi Pratama", handle: "@andi_p", testimonial: "Pelayanan sangat memuaskan, desain unik dan bahan sangat adem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ name: "Dewi Sartika", handle: "@dewi_s", testimonial: "Kaos promosi untuk event kantor selalu tepat waktu dan kualitasnya juara.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||
{ name: "Eko Wijaya", handle: "@eko_w", testimonial: "Ruby Promotion adalah partner terbaik untuk merchandise bisnis kami.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:081219168005" }, { text: "Get Free Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-working-engraving_23-2149286576.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
|
||||
alt: "Satisfied partner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Corporate client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
|
||||
alt: "Small business owner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
alt: "Event coordinator portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Happy client portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", alt: "Satisfied partner portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Corporate client portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg", alt: "Small business owner portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", alt: "Event coordinator portrait" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Fabric",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Printing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bulk Discounts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Design",
|
||||
},
|
||||
{ type: "text", text: "Fast Shipping" },
|
||||
{ type: "text", text: "Premium Fabric" },
|
||||
{ type: "text", text: "Custom Printing" },
|
||||
{ type: "text", text: "Bulk Discounts" },
|
||||
{ type: "text", text: "Expert Design" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,24 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fast Turnaround",
|
||||
description: "We understand your deadlines and deliver fast without compromising quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pointing-down-gray-t-shirt-looking-focused_176474-17937.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "High Quality Materials",
|
||||
description: "Durable fabrics and top-tier printing that looks great and lasts long.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-well-dressed-african-american-man-posing-with-crossed-arms-classic-menswear-store_613910-21800.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Design Assistance",
|
||||
description: "Need help with design? Our team is here to bring your vision to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-testing-colours_23-2150538689.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Fast Turnaround", description: "We understand your deadlines and deliver fast without compromising quality.", tag: "Top Service", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pointing-down-gray-t-shirt-looking-focused_176474-17937.jpg" },
|
||||
{ id: "f2", title: "High Quality Materials", description: "Durable fabrics and top-tier printing that looks great and lasts long.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/handsome-well-dressed-african-american-man-posing-with-crossed-arms-classic-menswear-store_613910-21800.jpg" },
|
||||
{ id: "f3", title: "Design Assistance", description: "Need help with design? Our team is here to bring your vision to life.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-testing-colours_23-2150538689.jpg" },
|
||||
]}
|
||||
title="Why Choose Ruby Promotion Kaos"
|
||||
description="We combine local expertise with premium materials to ensure your custom apparel stands out."
|
||||
@@ -201,48 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic T-Shirt",
|
||||
price: "Contact for Quote",
|
||||
variant: "Premium Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innocent-halloween-girl_23-2147701996.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Corporate Polo",
|
||||
price: "Contact for Quote",
|
||||
variant: "Breathable Fabric",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-with-colorful-caps-covering-her-mouth_114579-31046.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Hoodies",
|
||||
price: "Contact for Quote",
|
||||
variant: "Soft Fleece",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-supplies-magazine-near-blackboard_23-2147930354.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Promotional Apparel",
|
||||
price: "Contact for Quote",
|
||||
variant: "Bulk Order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-painting-with-sponge_23-2148754065.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Jersey Printing",
|
||||
price: "Contact for Quote",
|
||||
variant: "Athletic Fit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candid-shot-attractive-thoughtful-ginger-girl-artist-standing-desk-while-working-painting-thinking-what-add-make-it-look-perfect-people-hobby-creativity-art-concept_273609-947.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Event Merch",
|
||||
price: "Contact for Quote",
|
||||
variant: "Custom Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-chosing-white-shirt_1303-14670.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic T-Shirt", price: "Contact for Quote", variant: "Premium Cotton", imageSrc: "http://img.b2bpic.net/free-photo/innocent-halloween-girl_23-2147701996.jpg" },
|
||||
{ id: "p2", name: "Corporate Polo", price: "Contact for Quote", variant: "Breathable Fabric", imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-with-colorful-caps-covering-her-mouth_114579-31046.jpg" },
|
||||
{ id: "p3", name: "Custom Hoodies", price: "Contact for Quote", variant: "Soft Fleece", imageSrc: "http://img.b2bpic.net/free-photo/sewing-supplies-magazine-near-blackboard_23-2147930354.jpg" },
|
||||
{ id: "p4", name: "Promotional Apparel", price: "Contact for Quote", variant: "Bulk Order", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-painting-with-sponge_23-2148754065.jpg" },
|
||||
{ id: "p5", name: "Jersey Printing", price: "Contact for Quote", variant: "Athletic Fit", imageSrc: "http://img.b2bpic.net/free-photo/candid-shot-attractive-thoughtful-ginger-girl-artist-standing-desk-while-working-painting-thinking-what-add-make-it-look-perfect-people-hobby-creativity-art-concept_273609-947.jpg" },
|
||||
{ id: "p6", name: "Event Merch", price: "Contact for Quote", variant: "Custom Print", imageSrc: "http://img.b2bpic.net/free-photo/woman-chosing-white-shirt_1303-14670.jpg" },
|
||||
]}
|
||||
title="Our Product Gallery"
|
||||
description="Check out some of our latest custom apparel projects."
|
||||
@@ -255,21 +115,9 @@ export default function LandingPage() {
|
||||
title="Our Success Metrics"
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9/5",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
description: "Apparel Delivered",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Happy Partners",
|
||||
},
|
||||
{ id: "m1", value: "4.9/5", description: "Customer Rating" },
|
||||
{ id: "m2", value: "1000+", description: "Apparel Delivered" },
|
||||
{ id: "m3", value: "500+", description: "Happy Partners" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -282,46 +130,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Budi Santoso",
|
||||
role: "Owner",
|
||||
company: "Warung Budi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Siti Aminah",
|
||||
role: "Manager",
|
||||
company: "TechGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Andi Pratama",
|
||||
role: "Event Coordinator",
|
||||
company: "EventPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dewi Sartika",
|
||||
role: "Creative Director",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-his-new-shirt_23-2148303842.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eko Wijaya",
|
||||
role: "Founder",
|
||||
company: "Eko Apparel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-manager-coffee-shop_1098-20932.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Budi Santoso", role: "Owner", company: "Warung Budi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg" },
|
||||
{ id: "t2", name: "Siti Aminah", role: "Manager", company: "TechGroup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg" },
|
||||
{ id: "t3", name: "Andi Pratama", role: "Event Coordinator", company: "EventPro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
|
||||
{ id: "t4", name: "Dewi Sartika", role: "Creative Director", company: "Creative Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-his-new-shirt_23-2148303842.jpg" },
|
||||
{ id: "t5", name: "Eko Wijaya", role: "Founder", company: "Eko Apparel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barista-manager-coffee-shop_1098-20932.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by businesses and local communities for professional results."
|
||||
@@ -333,14 +146,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft Local",
|
||||
"Google Community",
|
||||
"Apple Retailers",
|
||||
"Amazon Fulfillment",
|
||||
"Tesla Partners",
|
||||
"Local Bank",
|
||||
"Global Coffee Co",
|
||||
]}
|
||||
"Microsoft Local", "Google Community", "Apple Retailers", "Amazon Fulfillment", "Tesla Partners", "Local Bank", "Global Coffee Co"]}
|
||||
title="Trusted by Local Businesses"
|
||||
description="Join the growing list of successful companies and communities that rely on Ruby Promotion Kaos."
|
||||
/>
|
||||
@@ -351,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does production take?",
|
||||
content: "Most orders are completed within 3-7 business days depending on volume.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a minimum order quantity?",
|
||||
content: "We handle both small orders and large bulk corporate orders efficiently.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you help with design?",
|
||||
content: "Yes, our team provides design assistance to ensure your artwork looks professional on apparel.",
|
||||
},
|
||||
{ id: "q1", title: "How long does production take?", content: "Most orders are completed within 3-7 business days depending on volume." },
|
||||
{ id: "q2", title: "Is there a minimum order quantity?", content: "We handle both small orders and large bulk corporate orders efficiently." },
|
||||
{ id: "q3", title: "Do you help with design?", content: "Yes, our team provides design assistance to ensure your artwork looks professional on apparel." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our custom printing services."
|
||||
@@ -376,9 +170,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get a Free Quote Today"
|
||||
description="Ready to get started? Contact us for a free quote or call us directly. We respond quickly to all inquiries."
|
||||
inputPlaceholder="Enter your email or phone..."
|
||||
@@ -391,53 +183,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Ruby Promotion Kaos"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Printing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bulk Orders",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Corporate Gear",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 081219168005",
|
||||
href: "tel:081219168005",
|
||||
},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:rubypromotion89@gmail.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Custom Printing", href: "#" }, { label: "Bulk Orders", href: "#" }, { label: "Corporate Gear", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Call: 081219168005", href: "tel:081219168005" }, { label: "Email Us", href: "mailto:rubypromotion89@gmail.com" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user