diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 108c956..49fe685 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -8,32 +8,22 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
- "name": "About",
- "href": "#about"
+ "name": "About", "href": "#about"
},
{
- "name": "Features",
- "href": "#features"
+ "name": "Features", "href": "#features"
},
{
- "name": "Products",
- "href": "#products"
+ "name": "Products", "href": "#products"
},
{
- "name": "Pricing",
- "href": "#pricing"
+ "name": "Hero", "href": "#hero"
},
{
- "name": "Hero",
- "href": "#hero"
+ "name": "Metrics", "href": "#metrics"
},
{
- "name": "Metrics",
- "href": "#metrics"
- },
- {
- "name": "Testimonials",
- "href": "#testimonials"
+ "name": "Testimonials", "href": "#testimonials"
}
];
@@ -43,10 +33,9 @@ export default function Layout() {
@@ -57,30 +46,22 @@ export default function Layout() {
brand="FinCommerce"
columns={[
{
- title: "Company",
- items: [
+ title: "Company", items: [
{
- label: "About",
- href: "#",
- },
+ label: "About", href: "#"},
],
},
{
- title: "Legal",
- items: [
+ title: "Legal", items: [
{
- label: "Privacy",
- href: "#",
- },
+ label: "Privacy", href: "#"},
],
},
- ]}
+ ],
copyright="© 2024 FinCommerce. All rights reserved."
links={[
{
- label: "Twitter",
- href: "#",
- },
+ label: "Twitter", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-8295.jpg"
/>
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index a27e6bc..8a36859 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -6,7 +6,7 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
-import { Globe, Shield, Star, User, Zap } from "lucide-react";
+import { Star, User } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
@@ -16,31 +16,17 @@ export default function HomePage() {
@@ -53,22 +39,13 @@ export default function HomePage() {
description="We bridge the gap between complex financial infrastructure and user-friendly ecommerce, allowing businesses to scale faster than ever."
items={[
{
- icon: Zap,
- title: "Lightning Fast",
- description: "Global transactions in milliseconds.",
- },
+ icon: "Zap", title: "Lightning Fast", description: "Global transactions in milliseconds."},
{
- icon: Shield,
- title: "Secure Payments",
- description: "Enterprise-grade protection standard.",
- },
+ icon: "Shield", title: "Secure Payments", description: "Enterprise-grade protection standard."},
{
- icon: Globe,
- title: "Worldwide Scaling",
- description: "Sell globally from day one.",
- },
+ icon: "Globe", title: "Worldwide Scaling", description: "Sell globally from day one."},
]}
- imageSrc="http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg?_wi=1"
+ imageSrc="http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg"
/>
@@ -81,51 +58,25 @@ export default function HomePage() {
description="Engineered for high-growth digital businesses."
features={[
{
- title: "Real-time Metrics",
- description: "Visualize your growth.",
- bentoComponent: "animated-bar-chart",
- imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-credit-card-payment-online-shopping-bag-ecommerce-concept-blue-background-3d-illustration_56104-1788.jpg",
- imageAlt: "Laptop with credit card payment online shopping bag ecommerce concept on blue background 3d illustration",
+ title: "Real-time Metrics", description: "Visualize your growth.", bentoComponent: "animated-bar-chart"
},
{
- title: "Global Logistics",
- description: "Automated order management.",
- bentoComponent: "checklist-timeline",
- heading: "Order Processing",
- subheading: "Effortless flow",
- checklistItems: [
+ title: "Global Logistics", description: "Automated order management.", bentoComponent: "checklist-timeline", heading: "Order Processing", subheading: "Effortless flow", checklistItems: [
{
- label: "Verified",
- detail: "Data validated",
- },
+ label: "Verified", detail: "Data validated"},
{
- label: "Shipped",
- detail: "Package dispatched",
- },
+ label: "Shipped", detail: "Package dispatched"},
{
- label: "Delivered",
- detail: "Arrival confirmed",
- },
+ label: "Delivered", detail: "Arrival confirmed"},
],
- completedLabel: "Done",
- imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-laptop-with-shopping-basket-paper-bags-online-shopping-e-commerce-concept_58466-14623.jpg?_wi=2",
- imageAlt: "Laptop with credit card payment online shopping bag ecommerce concept on blue background 3d illustration",
+ completedLabel: "Done"
},
{
- title: "Smart Support",
- description: "AI-powered customer interaction.",
- bentoComponent: "chat-marquee",
- aiIcon: Star,
- userIcon: User,
- exchanges: [
+ title: "Smart Support", description: "AI-powered customer interaction.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [
{
- userMessage: "Help!",
- aiResponse: "I'm on it.",
- },
+ userMessage: "Help!", aiResponse: "I'm on it."},
],
- placeholder: "Chat with AI...",
- imageSrc: "http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg?_wi=2",
- imageAlt: "Laptop with credit card payment online shopping bag ecommerce concept on blue background 3d illustration",
+ placeholder: "Chat with AI..."
},
]}
/>
@@ -139,41 +90,13 @@ export default function HomePage() {
title="Our Solutions"
description="A curated suite of tools for the modern entrepreneur."
items={[
- {
- title: "Product Alpha",
- description: "High performance module",
- imageSrc: "http://img.b2bpic.net/free-photo/pattern-glass-product-backdrop-with-stand_53876-125894.jpg",
- },
- {
- title: "Product Beta",
- description: "Advanced analytics suite",
- imageSrc: "http://img.b2bpic.net/free-photo/smartphone-white-wireless-charger-pad_53876-97100.jpg",
- },
- {
- title: "Product Gamma",
- description: "Integrated gateway",
- imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599275.jpg",
- },
- {
- title: "Product Delta",
- description: "Mobile commerce toolkit",
- imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896814.jpg",
- },
- {
- title: "Product Epsilon",
- description: "Marketing automation",
- imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-coupon-discount-special-offer_53876-124857.jpg",
- },
- {
- title: "Product Zeta",
- description: "Customer insights engine",
- imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083999.jpg",
- },
- {
- title: "Product Omega",
- description: "Security core",
- imageSrc: "http://img.b2bpic.net/free-photo/rows-film-near-camera_23-2147852535.jpg",
- },
+ { title: "Product Alpha", description: "High performance module", imageSrc: "http://img.b2bpic.net/free-photo/pattern-glass-product-backdrop-with-stand_53876-125894.jpg" },
+ { title: "Product Beta", description: "Advanced analytics suite", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-white-wireless-charger-pad_53876-97100.jpg" },
+ { title: "Product Gamma", description: "Integrated gateway", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599275.jpg" },
+ { title: "Product Delta", description: "Mobile commerce toolkit", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896814.jpg" },
+ { title: "Product Epsilon", description: "Marketing automation", imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-coupon-discount-special-offer_53876-124857.jpg" },
+ { title: "Product Zeta", description: "Customer insights engine", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083999.jpg" },
+ { title: "Product Omega", description: "Security core", imageSrc: "http://img.b2bpic.net/free-photo/rows-film-near-camera_23-2147852535.jpg" }
]}
/>
@@ -187,17 +110,11 @@ export default function HomePage() {
description="Proven results for growing brands."
metrics={[
{
- value: "150M+",
- description: "Annual Transactions",
- },
+ value: "150M+", description: "Annual Transactions"},
{
- value: "99.9%",
- description: "System Uptime",
- },
+ value: "99.9%", description: "System Uptime"},
{
- value: "50K+",
- description: "Active Businesses",
- },
+ value: "50K+", description: "Active Businesses"},
]}
/>
@@ -211,35 +128,15 @@ export default function HomePage() {
description="Global brands trust us with their commerce engine."
testimonials={[
{
- name: "Jane Smith",
- role: "CEO",
- quote: "Incredible integration speed.",
- imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
- },
+ name: "Jane Smith", role: "CEO", quote: "Incredible integration speed.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg"},
{
- name: "John Doe",
- role: "CTO",
- quote: "Rock solid security standards.",
- imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
- },
+ name: "John Doe", role: "CTO", quote: "Rock solid security standards.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg"},
{
- name: "Emily White",
- role: "Founder",
- quote: "Scaled globally in weeks.",
- imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg",
- },
+ name: "Emily White", role: "Founder", quote: "Scaled globally in weeks.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg"},
{
- name: "Michael Brown",
- role: "Head of Ops",
- quote: "Operations are now streamlined.",
- imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
- },
+ name: "Michael Brown", role: "Head of Ops", quote: "Operations are now streamlined.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
{
- name: "Sarah Lee",
- role: "CMO",
- quote: "Best-in-class UI experience.",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg",
- },
+ name: "Sarah Lee", role: "CMO", quote: "Best-in-class UI experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg"},
]}
/>
@@ -253,16 +150,11 @@ export default function HomePage() {
description="Get quick answers about our platform."
categories={[
{
- name: "General",
- items: [
+ name: "General", items: [
{
- question: "Is it free?",
- answer: "We offer a trial.",
- },
+ question: "Is it free?", answer: "We offer a trial."},
{
- question: "Is it secure?",
- answer: "Bank grade encryption.",
- },
+ question: "Is it secure?", answer: "Bank grade encryption."},
],
},
]}
@@ -276,13 +168,9 @@ export default function HomePage() {
tag="Get Started"
text="Ready to scale your business?"
primaryButton={{
- text: "Contact Support",
- href: "#",
- }}
+ text: "Contact Support", href: "#"}}
secondaryButton={{
- text: "Learn More",
- href: "#",
- }}
+ text: "Learn More", href: "#"}}
/>