bender/3bab32b8-5d61-4949-b527-928eec9fefed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #3

Merged
bender merged 5 commits from version_3 into main 2026-03-04 23:05:16 +00:00
Conversation 0 Commits 5 Files Changed 5 +71 -283
5 changed files with 71 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/about/page.tsx
View File

@@ -3,7 +3,6 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function AboutPage() {
@@ -24,10 +23,10 @@ export default function AboutPage() {
<NavbarLayoutFloatingInline
brandName="CatalogOS"
navItems={[
{ name: "Public", id: "/" },
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "About Us", id: "/about" },
{ name: "Contact Us", id: "/contact" },
]}
button={{ text: "Launch Admin", href: "/admin" }}
animateOnLoad={true}
@@ -37,8 +36,8 @@ export default function AboutPage() {
<div id="about-main" data-section="about-main">
<MetricSplitMediaAbout
tag="Our Story"
title="Building the Future of Product Catalogs"
description="CatalogOS was founded with a simple mission: to empower businesses of all sizes to showcase their products beautifully and manage them effortlessly. We believe that catalog management shouldn't be complicated. That's why we built a platform that combines elegance with power, simplicity with scale."
title="About Us"
description="CatalogOS is a professional product catalog platform designed to help businesses showcase their products beautifully and manage them effortlessly. We combine elegance with power, simplicity with scale."
imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399295.jpg?_wi=2"
imageAlt="CatalogOS platform overview"
mediaAnimation="slide-up"
@@ -51,25 +50,6 @@ export default function AboutPage() {
/>
</div>
<div id="about-testimonials" data-section="about-testimonials">
<TestimonialCardTwo
title="What Our Customers Say"
description="Don't take our word for it. Here's what industry leaders think about CatalogOS and how it's transformed their businesses."
tag="Success Stories"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
testimonials={[
{
id: "test-1", name: "Sarah Mitchell", role: "CEO, Fashion Collective", testimonial: "We migrated from multiple tools to CatalogOS and cut our inventory management time by 60%. The team loves the intuitive admin panel.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=3", imageAlt: "Sarah Mitchell"},
{
id: "test-2", name: "David Kumar", role: "Founder, TechGear Store", testimonial: "The bulk import feature is a game-changer. We onboarded 8,000 products in a single afternoon. Performance is flawless.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=3", imageAlt: "David Kumar"},
{
id: "test-3", name: "Elena Rodriguez", role: "Operations Director, Luxury Goods Co", testimonial: "CatalogOS gives us the minimal aesthetic we love with enterprise-grade power underneath. Exactly what we needed.", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=3", imageAlt: "Elena Rodriguez"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="CatalogOS"
@@ -77,26 +57,16 @@ export default function AboutPage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Catalog", href: "/catalog" },
{ label: "Bulk Import", href: "#" },
{ label: "Features", href: "/about" },
{ label: "Admin Dashboard", href: "/admin" },
],
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Guides", href: "#" },
{ label: "Support", href: "/contact" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "/contact" },
{ label: "Contact Us", href: "/contact" },
{ label: "Support", href: "/contact" },
],
},
]}

49
src/app/catalog/page.tsx
View File

@@ -23,10 +23,10 @@ export default function CatalogPage() {
<NavbarLayoutFloatingInline
brandName="CatalogOS"
navItems={[
{ name: "Public", id: "/" },
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "About Us", id: "/about" },
{ name: "Contact Us", id: "/contact" },
]}
button={{ text: "Launch Admin", href: "/admin" }}
animateOnLoad={true}
@@ -44,13 +44,17 @@ export default function CatalogPage() {
useInvertedBackground={false}
products={[
{
id: "prod-1", name: "Premium Product A", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=3", imageAlt: "Premium product A"},
id: "prod-1", name: "Premium Product A", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=3", imageAlt: "Premium product A"
},
{
id: "prod-2", name: "Deluxe Item B", price: "$249.99", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=3", imageAlt: "Deluxe item B"},
id: "prod-2", name: "Deluxe Item B", price: "$249.99", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=3", imageAlt: "Deluxe item B"
},
{
id: "prod-3", name: "Exclusive Collection C", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=3", imageAlt: "Exclusive collection C"},
id: "prod-3", name: "Exclusive Collection C", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=3", imageAlt: "Exclusive collection C"
},
{
id: "prod-4", name: "Limited Edition D", price: "$299.99", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=4", imageAlt: "Limited edition D"},
id: "prod-4", name: "Limited Edition D", price: "$299.99", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=4", imageAlt: "Limited edition D"
},
]}
/>
</div>
@@ -66,11 +70,14 @@ export default function CatalogPage() {
useInvertedBackground={true}
products={[
{
id: "prod-5", name: "Premium Selection E", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=4", imageAlt: "Premium selection E"},
id: "prod-5", name: "Premium Selection E", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=4", imageAlt: "Premium selection E"
},
{
id: "prod-6", name: "Signature Line F", price: "$219.99", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=4", imageAlt: "Signature line F"},
id: "prod-6", name: "Signature Line F", price: "$219.99", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=4", imageAlt: "Signature line F"
},
{
id: "prod-7", name: "Exclusive Premium G", price: "$279.99", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=5", imageAlt: "Exclusive premium G"},
id: "prod-7", name: "Exclusive Premium G", price: "$279.99", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=5", imageAlt: "Exclusive premium G"
},
]}
/>
</div>
@@ -86,9 +93,11 @@ export default function CatalogPage() {
useInvertedBackground={false}
products={[
{
id: "prod-8", name: "Customer Favorite H", price: "$189.99", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=5", imageAlt: "Customer favorite H"},
id: "prod-8", name: "Customer Favorite H", price: "$189.99", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=5", imageAlt: "Customer favorite H"
},
{
id: "prod-9", name: "Best Seller I", price: "$239.99", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=5", imageAlt: "Best seller I"},
id: "prod-9", name: "Best Seller I", price: "$239.99", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=5", imageAlt: "Best seller I"
},
]}
/>
</div>
@@ -100,26 +109,16 @@ export default function CatalogPage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Catalog", href: "/catalog" },
{ label: "Bulk Import", href: "#" },
{ label: "Features", href: "/about" },
{ label: "Admin Dashboard", href: "/admin" },
],
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Guides", href: "#" },
{ label: "Support", href: "/contact" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "/contact" },
{ label: "Contact Us", href: "/contact" },
{ label: "Support", href: "/contact" },
],
},
]}

78
src/app/contact/page.tsx
View File

@@ -2,15 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function ContactPage() {
const handleContactSubmit = (data: Record<string, string>) => {
console.log("Contact form submitted:", data);
};
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -28,59 +23,24 @@ export default function ContactPage() {
<NavbarLayoutFloatingInline
brandName="CatalogOS"
navItems={[
{ name: "Public", id: "/" },
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "About Us", id: "/about" },
{ name: "Contact Us", id: "/contact" },
]}
button={{ text: "Launch Admin", href: "/admin" }}
animateOnLoad={true}
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
title="Get Started Today"
description="Join hundreds of successful catalog businesses. Fill out the form and our team will contact you within 24 hours to set up your account."
inputs={[
{ name: "companyName", type: "text", placeholder: "Company Name", required: true },
{ name: "email", type: "email", placeholder: "Work Email", required: true },
]}
textarea={{
name: "message", placeholder: "Tell us about your catalog business and what you're looking for...", rows: 5,
required: true,
}}
<div id="contact-main" data-section="contact-main">
<ContactCenter
tag="Contact Us"
title="Get in Touch"
description="Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/she-is-always-available-customers_329181-15144.jpg"
imageAlt="Contact us illustration"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Request Demo"
onSubmit={handleContactSubmit}
/>
</div>
<div id="contact-faq" data-section="contact-faq">
<FaqSplitText
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about CatalogOS features, pricing, and deployment."
faqsAnimation="slide-up"
useInvertedBackground={true}
textPosition="left"
faqs={[
{
id: "faq-1", title: "How does the bulk image import work?", content: "Simply upload a ZIP file with your folder structure. Each folder becomes a product, subfolders become categories. The system automatically extracts, organizes, and optimizes all images. You can preview before confirming import."},
{
id: "faq-2", title: "Can I have unlimited category nesting?", content: "Yes! CatalogOS supports unlimited hierarchical levels. Create parent categories, subcategories, and deeper nested structures as needed. The breadcrumb navigation automatically adjusts."},
{
id: "faq-3", title: "What about e-commerce and checkout?", content: "Built-in shopping cart and checkout system. Admin can toggle e-commerce on/off, choose payment methods (Stripe, manual, cash-on-delivery). Everything is optional and configurable."},
{
id: "faq-4", title: "How secure is the admin panel?", content: "Enterprise-grade security with session-based authentication, rate limiting, and role-ready structure for future multi-admin support. All admin routes are protected."},
{
id: "faq-5", title: "Is the platform scalable?", content: "Absolutely. Handles 10,000+ products seamlessly. CDN-ready, database optimized, and built with production deployment in mind. Scales from startups to enterprises."},
{
id: "faq-6", title: "What integrations are supported?", content: "Stripe for payments, multiple image CDN providers, and a clean API for custom integrations. Multi-language and multi-admin support are planned."},
]}
onSubmit={(email) => console.log("Contact email:", email)}
/>
</div>
@@ -91,26 +51,16 @@ export default function ContactPage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Catalog", href: "/catalog" },
{ label: "Bulk Import", href: "#" },
{ label: "Features", href: "/about" },
{ label: "Admin Dashboard", href: "/admin" },
],
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Guides", href: "#" },
{ label: "Support", href: "/contact" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "/contact" },
{ label: "Contact Us", href: "/contact" },
{ label: "Support", href: "/contact" },
],
},
]}

6
src/app/layout.tsx
View File

@@ -22,11 +22,13 @@ const openSans = Open_Sans({
export const metadata: Metadata = {
title: "CatalogOS | Professional Product Catalog Platform", description: "Image-first product catalog platform with admin dashboard, bulk image import, hierarchical organization, and optional e-commerce. Built for scale and designed for minimal aesthetics.", keywords: "product catalog, image gallery, admin dashboard, e-commerce, SaaS, bulk upload, inventory management", metadataBase: new URL("https://catalogos.io"),
alternates: {
canonical: "https://catalogos.io"},
canonical: "https://catalogos.io"
},
openGraph: {
title: "CatalogOS - Product Catalog Platform", description: "Build and manage professional product catalogs with image browsing, admin controls, and e-commerce capabilities.", siteName: "CatalogOS", type: "website", images: [
{
url: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg", alt: "CatalogOS Platform"},
url: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg", alt: "CatalogOS Platform"
},
],
},
twitter: {

175
src/app/page.tsx
View File

@@ -3,13 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
export default function HomePage() {
return (
@@ -29,10 +23,10 @@ export default function HomePage() {
<NavbarLayoutFloatingInline
brandName="CatalogOS"
navItems={[
{ name: "Public", id: "/" },
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "About Us", id: "/about" },
{ name: "Contact Us", id: "/contact" },
]}
button={{ text: "Launch Admin", href: "/admin" }}
animateOnLoad={true}
@@ -41,152 +35,35 @@ export default function HomePage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Image-First Product Catalog Platform"
description="Build a professional, scalable catalog with image browsing, admin dashboard, and optional e-commerce. Upload bulk images, organize hierarchically, and manage everything from one powerful platform."
tag="Platform Launch"
title="Welcome to Your Catalog"
description="Browse our complete product collection with high-quality images and detailed information. Start exploring now."
tag="Shop Now"
imageSrc="http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg"
imageAlt="Product catalog grid showcase"
imageAlt="Product catalog showcase"
background={{ variant: "glowing-orb" }}
testimonials={[
{
name: "Alex Chen", handle: "Founder, RetailFlow", testimonial: "CatalogOS transformed how we manage 10,000+ products. The bulk import saved us weeks of work.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=1", imageAlt: "Alex Chen portrait"},
name: "Alex Chen", handle: "Founder, RetailFlow", testimonial: "CatalogOS transformed how we manage our products. Simple and powerful.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=1", imageAlt: "Alex Chen portrait"
},
{
name: "Maria Santos", handle: "Operations Manager, StyleHub", testimonial: "The admin dashboard is incredibly intuitive. Our team got up to speed in minutes, not days.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=1", imageAlt: "Maria Santos portrait"},
name: "Maria Santos", handle: "Operations Manager, StyleHub", testimonial: "Incredibly intuitive interface. Our team got up to speed in minutes.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=1", imageAlt: "Maria Santos portrait"
},
{
name: "James Wilson", handle: "CTO, Digital Ventures", testimonial: "Finally, a catalog platform that doesn't sacrifice performance or flexibility. Production-ready from day one.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=1", imageAlt: "James Wilson portrait"},
name: "James Wilson", handle: "CTO, Digital Ventures", testimonial: "Production-ready from day one. Exactly what we needed.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=1", imageAlt: "James Wilson portrait"
},
]}
buttons={[
{ text: "Start Free Trial", href: "#" },
{ text: "View Demo", href: "#" },
{ text: "Browse Catalog", href: "/catalog" },
{ text: "Learn More", href: "/about" },
]}
mediaAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
title="Everything You Need to Scale"
description="A complete solution for modern product catalog management"
tag="Core Features"
tagAnimation="slide-up"
textboxLayout="default"
features={[
{
id: 1,
title: "Image-First Grid Layout", description: "Beautiful, responsive grid-based product browsing optimized for mobile and desktop. High-speed image loading with CDN-ready architecture.", imageSrc: "http://img.b2bpic.net/free-vector/simple-ux-storyboard_742173-4525.jpg?_wi=1", imageAlt: "Product grid layout showcase"},
{
id: 2,
title: "Powerful Admin Dashboard", description: "Shopify-like admin interface with secure authentication, category management, product editing, and real-time analytics.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Admin dashboard interface"},
{
id: 3,
title: "Bulk Image Import (ZIP)", description: "Automatically extract, organize, and import hundreds of images at once. Folder structure becomes products and categories instantly.", imageSrc: "http://img.b2bpic.net/free-vector/concept-transfer-files-landing-page_52683-26836.jpg", imageAlt: "Bulk upload interface"},
{
id: 4,
title: "Hierarchical Organization", description: "Unlimited category nesting levels. Organize products by parent-child relationships with seamless breadcrumb navigation.", imageSrc: "http://img.b2bpic.net/free-vector/simple-ux-storyboard_742173-4525.jpg?_wi=2", imageAlt: "Category hierarchy structure"},
]}
animationType="blur-reveal"
useInvertedBackground={false}
buttons={[{ text: "Explore All Features", href: "#" }]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
title="Sample Product Gallery"
description="Browse our curated product showcase featuring premium items with high-quality imagery."
tag="Gallery"
textboxLayout="default"
gridVariant="bento-grid"
animationType="slide-up"
useInvertedBackground={true}
products={[
{
id: "prod-1", name: "Premium Product A", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=1", imageAlt: "Premium product A"},
{
id: "prod-2", name: "Deluxe Item B", price: "$249.99", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=1", imageAlt: "Deluxe item B"},
{
id: "prod-3", name: "Exclusive Collection C", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=1", imageAlt: "Exclusive collection C"},
{
id: "prod-4", name: "Limited Edition D", price: "$299.99", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=2", imageAlt: "Limited edition D"},
{
id: "prod-5", name: "Premium Selection E", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=2", imageAlt: "Premium selection E"},
{
id: "prod-6", name: "Signature Line F", price: "$219.99", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=2", imageAlt: "Signature line F"},
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="Built for Scale"
title="Catalog Platform Designed for Modern Businesses"
description="CatalogOS combines the simplicity of Yupoo with enterprise-grade features. Whether you're running a boutique fashion store or managing 50,000+ SKUs, our platform scales effortlessly."
imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399295.jpg?_wi=1"
imageAlt="CatalogOS platform overview"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
metrics={[
{ value: "10,000+", title: "Products supported seamlessly" },
{ value: "99.9%", title: "Uptime guaranteed" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Our Impact & Scale"
description="The results speak for themselves. See how CatalogOS powers modern catalog businesses."
tag="Statistics"
textboxLayout="default"
animationType="scale-rotate"
useInvertedBackground={false}
metrics={[
{
id: "metric-1", value: "500M+", title: "Images served monthly", items: ["CDN-optimized delivery", "Sub-100ms load times", "Mobile-first performance"],
},
{
id: "metric-2", value: "2,500+", title: "Active catalog businesses", items: ["From boutiques to enterprises", "Multiple industries served", "Global customer base"],
},
{
id: "metric-3", value: "99.9%", title: "Platform uptime SLA", items: ["Enterprise-grade infrastructure", "Redundant systems", "24/7 monitoring"],
},
{
id: "metric-4", value: "60%", title: "Average time saved weekly", items: ["Automated bulk imports", "Streamlined admin workflows", "No manual data entry"],
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="Trusted by Industry Leaders"
description="Real feedback from real customers using CatalogOS to transform their businesses."
tag="Reviews"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
testimonials={[
{
id: "test-1", name: "Sarah Mitchell", role: "CEO, Fashion Collective", testimonial: "We migrated from multiple tools to CatalogOS and cut our inventory management time by 60%. The team loves the intuitive admin panel.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=2", imageAlt: "Sarah Mitchell"},
{
id: "test-2", name: "David Kumar", role: "Founder, TechGear Store", testimonial: "The bulk import feature is a game-changer. We onboarded 8,000 products in a single afternoon. Performance is flawless.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=2", imageAlt: "David Kumar"},
{
id: "test-3", name: "Elena Rodriguez", role: "Operations Director, Luxury Goods Co", testimonial: "CatalogOS gives us the minimal aesthetic we love with enterprise-grade power underneath. Exactly what we needed.", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=2", imageAlt: "Elena Rodriguez"},
{
id: "test-4", name: "Michael Chen", role: "Head of E-commerce, RetailNet", testimonial: "The hierarchical category system is brilliant. Customers love the clean navigation. Conversion rates are up 35%.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", imageAlt: "Michael Chen"},
{
id: "test-5", name: "Jessica Thompson", role: "Product Manager, StyleHub", testimonial: "Admin dashboard feels like Shopify but optimized for catalog businesses. Support team is incredibly responsive.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-office-engages-communication-virtual-presentation-talking_482257-133582.jpg", imageAlt: "Jessica Thompson"},
{
id: "test-6", name: "Robert Schmidt", role: "CTO, Digital Marketplace", testimonial: "The architecture is clean and scalable. API is well-documented. Integration was seamless. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-leader-meeting-with-his-team_1262-2160.jpg", imageAlt: "Robert Schmidt"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="CatalogOS"
@@ -194,26 +71,16 @@ export default function HomePage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Catalog", href: "/catalog" },
{ label: "Bulk Import", href: "#" },
{ label: "Features", href: "/about" },
{ label: "Admin Dashboard", href: "/admin" },
],
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Guides", href: "#" },
{ label: "Support", href: "/contact" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "/contact" },
{ label: "Contact Us", href: "/contact" },
{ label: "Support", href: "/contact" },
],
},
]}