Files
ce074164-7a9d-47b0-82d4-7be…/src/app/page.tsx
2026-05-31 02:16:23 +00:00

188 lines
13 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="large"
background="fluid"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Jayyid Jiddan Furniture"
navItems={[
{ name: "Home", id: "#hero" },
{ name: "Products", id: "#products" },
{ name: "Features", id: "#features" },
{ name: "About Us", id: "#about" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Furnish Your Office Smartly: Quality Used Furniture at Jayyid Jiddan"
description="Discover durable and stylish second-hand office tables and chairs. Jayyid Jiddan offers premium used furniture for your workspace, online and in-store. Great value, sustainable choices."
background={{ variant: "sparkles-gradient" }}
tag="Trusted Quality"
buttons={[
{ text: "Shop Now Online", href: "#products" },
{ text: "Visit Our Showroom", href: "#contact" }
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-studying-her-desk_273609-37222.jpg", imageAlt: "Used modern office table" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108724.jpg", imageAlt: "Used ergonomic office chair" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5 Stars by Happy Customers"
tagAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Your Go-To for Sustainable Office Solutions"
description="Jayyid Jiddan Furniture is dedicated to providing high-quality, affordable second-hand office furniture. We meticulously inspect every piece to ensure comfort, durability, and style. Join us in making sustainable choices for your business."
metrics={[
{ value: "5000+", title: "Happy Customers" },
{ value: "10+", title: "Years Experience" },
{ value: "2", title: "Showroom Locations" }
]}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/interior-female-workspace-home_23-2147778843.jpg"
imageAlt="Modern office setup with recycled furniture"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
features={[
{ id: "f1", label: "Quality Assurance", title: "Inspected & Certified", items: ["Every item undergoes rigorous quality checks.", "Ensure durability and functionality.", "Ready for immediate use."] },
{ id: "f2", label: "Eco-Friendly Choice", title: "Sustainable & Affordable", items: ["Reduce waste by choosing second-hand.", "Cost-effective solutions for your office.", "Contribute to a greener planet."] },
{ id: "f3", label: "Flexible Shopping", title: "Online & Offline Access", items: ["Browse our catalog from anywhere.", "Visit our showrooms for a physical inspection.", "Convenient pickup and delivery options."] }
]}
animationType="slide-up"
title="Why Choose Jayyid Jiddan Furniture?"
description="Experience unparalleled value and service with our selection of pre-owned office furniture. We focus on quality, affordability, and customer satisfaction."
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
products={[
{ id: "p1", brand: "Herman Miller", name: "Executive Desk (Used)", price: "IDR 3.500.000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-with-female-things_23-2147778845.jpg", imageAlt: "Used Herman Miller Executive Desk" },
{ id: "p2", brand: "Steelcase", name: "Ergonomic Office Chair (Used)", price: "IDR 1.800.000", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108725.jpg", imageAlt: "Used Steelcase Ergonomic Office Chair" },
{ id: "p3", brand: "IKEA", name: "Compact Workstation (Used)", price: "IDR 750.000", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-design_23-2147601368.jpg", imageAlt: "Used IKEA Compact Workstation" },
{ id: "p4", brand: "Teknion", name: "Visitor Chairs (Set of 4, Used)", price: "IDR 2.200.000", rating: 5, reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/empty-conference-room-with-black-chairs_23-2148727499.jpg", imageAlt: "Used Teknion Visitor Chairs" },
{ id: "p5", brand: "Knoll", name: "L-Shaped Desk (Used)", price: "IDR 4.100.000", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/back-view-sad-professional-esports-gamer-losing-shooter-mock-up-video-game-defeated-man-with-headphones-streaming-online-cyber-performing-gaming-tournament-using-powerful-personal-computer_482257-12483.jpg", imageAlt: "Used Knoll L-Shaped Desk" },
{ id: "p6", brand: "Haworth", name: "Leather Executive Chair (Used)", price: "IDR 2.500.000", rating: 5, reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/office-chair_1203-2719.jpg", imageAlt: "Used Haworth Leather Executive Chair" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
title="Our Curated Collection"
description="Browse our extensive range of high-quality, pre-owned office tables and chairs. Find the perfect fit for your office, online or in-store."
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
plans={[
{ id: "basic", title: "Small Office Starter", price: "IDR 5.000.000", period: "per package", features: ["1 Executive Desk", "1 Ergonomic Chair", "Basic delivery included", "6-month warranty"], button: { text: "View Package" }, imageSrc: "http://img.b2bpic.net/free-photo/interior-feminine-desk-home_23-2147778842.jpg", imageAlt: "Small office setup" },
{ id: "pro", title: "Team Expansion Pack", price: "IDR 15.000.000", period: "per package", features: ["5 Workstations", "5 Ergonomic Chairs", "Premium delivery & setup", "12-month warranty"], button: { text: "View Package" }, imageSrc: "http://img.b2bpic.net/free-photo/neat-office-with-computer-worker_482257-119323.jpg", imageAlt: "Team office expansion setup" },
{ id: "enterprise", title: "Executive Suite Refresh", price: "Custom Quote", period: "contact us", features: ["Customizable furniture options", "Dedicated project manager", "Full-service design & installation", "Extended warranty"], button: { text: "Request Quote" }, imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780724.jpg", imageAlt: "Executive suite office" }
]}
animationType="slide-up"
title="Value-Driven Packages"
description="Whether you're furnishing a small home office or a large corporate space, our flexible pricing plans and bulk discounts make quality furniture accessible."
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
testimonials={[
{ id: "t1", name: "Budi Santoso", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-working-laptop_1303-9731.jpg", imageAlt: "Budi Santoso" },
{ id: "t2", name: "Siti Aminah", imageSrc: "http://img.b2bpic.net/free-photo/older-man-with-silly-face_1149-277.jpg", imageAlt: "Siti Aminah" },
{ id: "t3", name: "Ahmad Fauzi", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg", imageAlt: "Ahmad Fauzi" },
{ id: "t4", name: "Dewi Lestari", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dark-skinned-inspired-female-design-worker-giggles-happily-sits-workplace-makes-drawings-expresses-positive-emotions-enjoys-her-occupation-studies-technical-blueprints-desktop_273609-50312.jpg", imageAlt: "Dewi Lestari" },
{ id: "t5", name: "Joko Widodo", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you-posi_1258-127578.jpg", imageAlt: "Joko Widodo" }
]}
cardTitle="What Our Customers Say"
cardTag="Trusted by Businesses"
cardAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
faqs={[
{ id: "q1", title: "How do you ensure the quality of second-hand furniture?", content: "Every piece of furniture at Jayyid Jiddan undergoes a thorough inspection by our expert team. We check for structural integrity, functionality, and cosmetic condition, ensuring only high-quality items make it to our inventory." },
{ id: "q2", title: "Do you offer delivery and installation services?", content: "Yes, we offer flexible delivery options across the region. Installation services can also be arranged upon request for a smooth and hassle-free setup of your new office furniture." },
{ id: "q3", title: "Can I view the furniture before purchasing?", content: "Absolutely! We encourage customers to visit our showrooms to see and test the furniture in person. Our friendly staff will be there to assist you and answer any questions." }
]}
imageSrc="http://img.b2bpic.net/free-photo/question-mark-exclamation-mark-paper-blue-background-flat-lay_169016-29460.jpg"
imageAlt="Person sitting at a desk with a question mark thought bubble"
mediaAnimation="slide-up"
mediaPosition="right"
title="Frequently Asked Questions"
description="Find answers to common questions about our products, purchasing process, delivery, and services."
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Siap Melengkapi Furnitur?"
title="Kunjungi Kami atau Belanja Online Hari Ini"
description="Jelajahi koleksi luas furnitur kantor bekas berkualitas kami. Tim kami siap membantu Anda menemukan furnitur yang sempurna untuk ruang kerja Anda."
buttons={[
{ text: "Dapatkan Petunjuk Arah", href: "#" },
{ text: "Hubungi Tim Penjualan Kami", href: "#" }
]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
tagAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Jayyid Jiddan Furniture"
columns={[
{ title: "Perusahaan", items: [{ label: "Tentang Kami", href: "#about" }, { label: "Karir", href: "#" }, { label: "Kisah Kami", href: "#" }] },
{ title: "Produk", items: [{ label: "Meja Kantor", href: "#products" }, { label: "Kursi Kantor", href: "#products" }, { label: "Furnitur Bekas", href: "#products" }] },
{ title: "Dukungan", items: [{ label: "FAQ", href: "#faq" }, { label: "Hubungi Kami", href: "#contact" }, { label: "Garansi", href: "#" }] }
]}
copyrightText="© 2024 Jayyid Jiddan Furniture. Semua hak dilindungi undang-undang."
/>
</div>
</ThemeProvider>
);
}