Merge version_2 into main #2
@@ -25,9 +25,9 @@ export default function AboutPage() {
|
||||
brandName="CatalogOS"
|
||||
navItems={[
|
||||
{ name: "Public", id: "/" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Docs", id: "#docs" },
|
||||
{ name: "Catalog", id: "/catalog" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Launch Admin", href: "/admin" }}
|
||||
animateOnLoad={true}
|
||||
@@ -61,29 +61,11 @@ export default function AboutPage() {
|
||||
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-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-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",
|
||||
},
|
||||
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>
|
||||
@@ -94,30 +76,27 @@ export default function AboutPage() {
|
||||
copyrightText="© 2025 CatalogOS | Professional Product Catalog Platform"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Catalog", href: "/catalog" },
|
||||
{ label: "Bulk Import", href: "#" },
|
||||
{ label: "Admin Dashboard", href: "#" },
|
||||
{ label: "Admin Dashboard", href: "/admin" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Guides", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Support", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -125,4 +104,4 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,9 +24,9 @@ export default function CatalogPage() {
|
||||
brandName="CatalogOS"
|
||||
navItems={[
|
||||
{ name: "Public", id: "/" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Docs", id: "#docs" },
|
||||
{ name: "Catalog", id: "/catalog" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Launch Admin", href: "/admin" }}
|
||||
animateOnLoad={true}
|
||||
@@ -44,33 +44,13 @@ 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>
|
||||
@@ -86,26 +66,11 @@ 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>
|
||||
@@ -121,19 +86,9 @@ 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>
|
||||
@@ -144,30 +99,27 @@ export default function CatalogPage() {
|
||||
copyrightText="© 2025 CatalogOS | Professional Product Catalog Platform"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Catalog", href: "/catalog" },
|
||||
{ label: "Bulk Import", href: "#" },
|
||||
{ label: "Admin Dashboard", href: "#" },
|
||||
{ label: "Admin Dashboard", href: "/admin" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Guides", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Support", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -175,4 +127,4 @@ export default function CatalogPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
|
||||
export default function ContactPage() {
|
||||
@@ -29,9 +29,9 @@ export default function ContactPage() {
|
||||
brandName="CatalogOS"
|
||||
navItems={[
|
||||
{ name: "Public", id: "/" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Docs", id: "#docs" },
|
||||
{ name: "Catalog", id: "/catalog" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Launch Admin", href: "/admin" }}
|
||||
animateOnLoad={true}
|
||||
@@ -47,9 +47,7 @@ export default function ContactPage() {
|
||||
{ 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,
|
||||
name: "message", placeholder: "Tell us about your catalog business and what you're looking for...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
@@ -63,48 +61,25 @@ export default function ContactPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about CatalogOS features, pricing, and deployment."
|
||||
tag="Support"
|
||||
textboxLayout="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-hot-line-information-concept_53876-125154.jpg"
|
||||
imageAlt="FAQ support illustration"
|
||||
mediaAnimation="slide-up"
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about CatalogOS features, pricing, and deployment."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
mediaPosition="right"
|
||||
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-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-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-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-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-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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,30 +90,27 @@ export default function ContactPage() {
|
||||
copyrightText="© 2025 CatalogOS | Professional Product Catalog Platform"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Catalog", href: "/catalog" },
|
||||
{ label: "Bulk Import", href: "#" },
|
||||
{ label: "Admin Dashboard", href: "#" },
|
||||
{ label: "Admin Dashboard", href: "/admin" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Guides", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Support", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -146,4 +118,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,46 +7,30 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-open-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
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"),
|
||||
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: [
|
||||
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: {
|
||||
card: "summary_large_image",
|
||||
title: "CatalogOS - Professional Product Catalog",
|
||||
description: "Scalable image-first catalog platform with powerful admin dashboard and e-commerce integration.",
|
||||
images: ["http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg"],
|
||||
card: "summary_large_image", title: "CatalogOS - Professional Product Catalog", description: "Scalable image-first catalog platform with powerful admin dashboard and e-commerce integration.", images: ["http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
@@ -1438,4 +1422,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
190
src/app/page.tsx
190
src/app/page.tsx
@@ -30,9 +30,9 @@ export default function HomePage() {
|
||||
brandName="CatalogOS"
|
||||
navItems={[
|
||||
{ name: "Public", id: "/" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Docs", id: "#docs" },
|
||||
{ name: "Catalog", id: "/catalog" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Launch Admin", href: "/admin" }}
|
||||
animateOnLoad={true}
|
||||
@@ -49,29 +49,14 @@ export default function HomePage() {
|
||||
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 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: "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: "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: "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: "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"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "#" },
|
||||
@@ -92,32 +77,16 @@ export default function HomePage() {
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
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}
|
||||
@@ -136,47 +105,17 @@ export default function HomePage() {
|
||||
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-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-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-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-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-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",
|
||||
},
|
||||
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>
|
||||
@@ -208,28 +147,16 @@ export default function HomePage() {
|
||||
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-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-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-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"],
|
||||
id: "metric-4", value: "60%", title: "Average time saved weekly", items: ["Automated bulk imports", "Streamlined admin workflows", "No manual data entry"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -245,53 +172,17 @@ export default function HomePage() {
|
||||
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-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-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-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-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-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",
|
||||
},
|
||||
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>
|
||||
@@ -302,30 +193,27 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 CatalogOS | Professional Product Catalog Platform"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Catalog", href: "/catalog" },
|
||||
{ label: "Bulk Import", href: "#" },
|
||||
{ label: "Admin Dashboard", href: "#" },
|
||||
{ label: "Admin Dashboard", href: "/admin" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Guides", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Support", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -333,4 +221,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user