diff --git a/src/app/page.tsx b/src/app/page.tsx index da541d2..302425e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,27 +20,22 @@ export default function LandingPage() { defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="rounded" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -145,21 +89,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} features={[ - { - icon: Zap, - title: "Real-time Matching", - description: "Instant connections between buyers and suppliers.", - }, - { - icon: Shield, - title: "Secure Payments", - description: "Encrypted transaction processing for peace of mind.", - }, - { - icon: BarChart, - title: "Advanced Analytics", - description: "Deep insights into your market performance.", - }, + { icon: Zap, title: "Real-time Matching", description: "Instant connections between buyers and suppliers." }, + { icon: Shield, title: "Secure Payments", description: "Encrypted transaction processing for peace of mind." }, + { icon: BarChart, title: "Advanced Analytics", description: "Deep insights into your market performance." }, ]} title="Marketplace Features" description="Powerful tools built for high-scale growth." @@ -173,60 +105,12 @@ export default function LandingPage() { gridVariant="four-items-2x2-equal-grid" useInvertedBackground={true} products={[ - { - id: "p1", - brand: "Brand", - name: "Listing Item 1", - price: "$120", - rating: 4, - reviewCount: "12", - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg", - }, - { - id: "p2", - brand: "Brand", - name: "Listing Item 2", - price: "$240", - rating: 5, - reviewCount: "22", - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg", - }, - { - id: "p3", - brand: "Brand", - name: "Listing Item 3", - price: "$80", - rating: 4, - reviewCount: "8", - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-landscape-flowing-dots_1048-13342.jpg", - }, - { - id: "p4", - brand: "Brand", - name: "Listing Item 4", - price: "$300", - rating: 5, - reviewCount: "45", - imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg", - }, - { - id: "p5", - brand: "Brand", - name: "Listing Item 5", - price: "$150", - rating: 4, - reviewCount: "19", - imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-data-background-with-abstract-plexus-design_1048-16831.jpg", - }, - { - id: "p6", - brand: "Brand", - name: "Listing Item 6", - price: "$90", - rating: 5, - reviewCount: "30", - imageSrc: "http://img.b2bpic.net/free-photo/row-blue-liquid-glasses-with-shadow-colored-background_23-2147949151.jpg", - }, + { id: "p1", brand: "Brand", name: "Listing Item 1", price: "$120", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg" }, + { id: "p2", brand: "Brand", name: "Listing Item 2", price: "$240", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg" }, + { id: "p3", brand: "Brand", name: "Listing Item 3", price: "$80", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-landscape-flowing-dots_1048-13342.jpg" }, + { id: "p4", brand: "Brand", name: "Listing Item 4", price: "$300", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg" }, + { id: "p5", brand: "Brand", name: "Listing Item 5", price: "$150", rating: 4, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-data-background-with-abstract-plexus-design_1048-16831.jpg" }, + { id: "p6", brand: "Brand", name: "Listing Item 6", price: "$90", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/row-blue-liquid-glasses-with-shadow-colored-background_23-2147949151.jpg" }, ]} title="Explore Our Ecosystem" description="Browse high-performing listings curated for your growth." @@ -239,27 +123,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} metrics={[ - { - id: "m1", - value: "10k+", - title: "Active Users", - description: "Connected professionals.", - imageSrc: "http://img.b2bpic.net/free-photo/colored-rag-dolls-one-gray-front_1156-687.jpg", - }, - { - id: "m2", - value: "$5M", - title: "Volume", - description: "Transactions processed.", - imageSrc: "http://img.b2bpic.net/free-vector/b-testing-icons_1284-4869.jpg", - }, - { - id: "m3", - value: "99.9%", - title: "Uptime", - description: "Reliable infrastructure.", - imageSrc: "http://img.b2bpic.net/free-vector/user-experience-25-flat-color-icon-pack-including-cursor-search-less-upload-magnifying-glass-less_1142-26710.jpg", - }, + { id: "m1", value: "10k+", title: "Active Users", description: "Connected professionals.", imageSrc: "http://img.b2bpic.net/free-photo/colored-rag-dolls-one-gray-front_1156-687.jpg" }, + { id: "m2", value: "$5M", title: "Volume", description: "Transactions processed.", imageSrc: "http://img.b2bpic.net/free-vector/b-testing-icons_1284-4869.jpg" }, + { id: "m3", value: "99.9%", title: "Uptime", description: "Reliable infrastructure.", imageSrc: "http://img.b2bpic.net/free-vector/user-experience-25-flat-color-icon-pack-including-cursor-search-less-upload-magnifying-glass-less_1142-26710.jpg" }, ]} title="Platform Impact" description="Numbers that define your success." @@ -271,56 +137,11 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} testimonials={[ - { - id: "t1", - name: "Alex", - date: "Jan 2024", - title: "Founder", - quote: "The best platform.", - tag: "Tech", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-model_23-2148323717.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-23184.jpg", - }, - { - id: "t2", - name: "Beth", - date: "Feb 2024", - title: "CTO", - quote: "Absolutely incredible.", - tag: "SaaS", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204378.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149097.jpg", - }, - { - id: "t3", - name: "Carl", - date: "Mar 2024", - title: "CEO", - quote: "Highly recommend.", - tag: "Fintech", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-positive-carefree-dark-skinned-girl-dressed-casually-smiling-broadly_273609-13878.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/professional-high-end-office-space-with-tech-tools-used-recruitment-process_482257-101574.jpg", - }, - { - id: "t4", - name: "Dana", - date: "Apr 2024", - title: "Manager", - quote: "Game-changing speed.", - tag: "Dev", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-woman-with-curly-hair_273609-19744.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/nobody-business-office-with-computer-instruments-desk-empty-startup-space-used-work-company-growth-with-monitor-equipment-no-people-workplace-with-decorations_482257-32187.jpg", - }, - { - id: "t5", - name: "Evan", - date: "May 2024", - title: "Founder", - quote: "Total satisfaction.", - tag: "Data", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-tender-woman-has-cheerful-smile-wears-casual-jumper-with-white-collar-stands-against-vivid-yellow-space-looks-directly-camera_273609-39331.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/empty-start-up-company-office-with-nobody-it-waiting-people-start-working-financial-documents-business-meeting-workplace-with-modern-furniture-management-graphs-computer_482257-30560.jpg", - }, + { id: "t1", name: "Alex", date: "Jan 2024", title: "Founder", quote: "The best platform.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-model_23-2148323717.jpg", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-23184.jpg" }, + { id: "t2", name: "Beth", date: "Feb 2024", title: "CTO", quote: "Absolutely incredible.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204378.jpg", imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149097.jpg" }, + { id: "t3", name: "Carl", date: "Mar 2024", title: "CEO", quote: "Highly recommend.", tag: "Fintech", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-positive-carefree-dark-skinned-girl-dressed-casually-smiling-broadly_273609-13878.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-high-end-office-space-with-tech-tools-used-recruitment-process_482257-101574.jpg" }, + { id: "t4", name: "Dana", date: "Apr 2024", title: "Manager", quote: "Game-changing speed.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-woman-with-curly-hair_273609-19744.jpg", imageSrc: "http://img.b2bpic.net/free-photo/nobody-business-office-with-computer-instruments-desk-empty-startup-space-used-work-company-growth-with-monitor-equipment-no-people-workplace-with-decorations_482257-32187.jpg" }, + { id: "t5", name: "Evan", date: "May 2024", title: "Founder", quote: "Total satisfaction.", tag: "Data", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-tender-woman-has-cheerful-smile-wears-casual-jumper-with-white-collar-stands-against-vivid-yellow-space-looks-directly-camera_273609-39331.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-start-up-company-office-with-nobody-it-waiting-people-start-working-financial-documents-business-meeting-workplace-with-modern-furniture-management-graphs-computer_482257-30560.jpg" }, ]} title="What Founders Say" description="Proven success stories from our community." @@ -332,14 +153,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Microsoft", - "Google", - "Amazon", - "Apple", - "Meta", - "Nvidia", - "Salesforce", - ]} + "Microsoft", "Google", "Amazon", "Apple", "Meta", "Nvidia", "Salesforce"]} title="Trusted By Industry Leaders" description="Global brands that trust our infrastructure." /> @@ -350,21 +164,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} faqs={[ - { - id: "q1", - title: "Pricing?", - content: "Custom enterprise solutions.", - }, - { - id: "q2", - title: "Support?", - content: "24/7 dedicated service.", - }, - { - id: "q3", - title: "Setup?", - content: "Instant onboarding process.", - }, + { id: "q1", title: "Pricing?", content: "Custom enterprise solutions." }, + { id: "q2", title: "Support?", content: "24/7 dedicated service." }, + { id: "q3", title: "Setup?", content: "Instant onboarding process." }, ]} imageSrc="http://img.b2bpic.net/free-photo/3d-render-talk-chat-bubbles-comment-app-icon_107791-16999.jpg" mediaAnimation="slide-up" @@ -378,14 +180,10 @@ export default function LandingPage() { @@ -395,29 +193,15 @@ export default function LandingPage() { logoText="MarketFlow" columns={[ { - title: "Product", - items: [ - { - label: "Features", - href: "#features", - }, - { - label: "Marketplace", - href: "#marketplace", - }, + title: "Product", items: [ + { label: "Features", href: "#features" }, + { label: "Marketplace", href: "#marketplace" }, ], }, { - title: "Company", - items: [ - { - label: "About", - href: "#", - }, - { - label: "Contact", - href: "#contact", - }, + title: "Company", items: [ + { label: "About", href: "#" }, + { label: "Contact", href: "#contact" }, ], }, ]}