diff --git a/src/app/page.tsx b/src/app/page.tsx index 59ea0e0..02aae87 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -58,9 +58,7 @@ export default function HomePage() { { name: "FAQ", id: "faq" }, ]} button={{ - text: "Launch Your Coin", - href: "/wizard", - }} + text: "Launch Your Coin", href: "/wizard"}} animateOnLoad={true} /> @@ -79,39 +77,24 @@ export default function HomePage() { imageAlt="CryptoMint Platform Dashboard" testimonials={[ { - name: "Alex Johnson", - handle: "Founder, TokenLaunch Co", - testimonial: "Launched my first coin in 15 minutes. The wizard guided me through every step. Absolutely game-changing!", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-portrait-photo-of-a-confi-1773210525160-1cd5c58b.png?_wi=1", - }, + name: "Alex Johnson", handle: "Founder, TokenLaunch Co", testimonial: "Launched my first coin in 15 minutes. The wizard guided me through every step. Absolutely game-changing!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-portrait-photo-of-a-confi-1773210525160-1cd5c58b.png?_wi=1"}, { - name: "Sarah Chen", - handle: "Marketing Manager, BrandCrypto", - testimonial: "No technical skills needed. Our entire team was able to create and customize coins immediately.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-headshot-photo-of-a-woman-1773210524968-4795d399.png?_wi=1", - }, + name: "Sarah Chen", handle: "Marketing Manager, BrandCrypto", testimonial: "No technical skills needed. Our entire team was able to create and customize coins immediately.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-headshot-photo-of-a-woman-1773210524968-4795d399.png?_wi=1"}, { - name: "Marcus Williams", - handle: "Entrepreneur, Web3 Studio", - testimonial: "The pricing is incredibly fair and the process is transparent. Highly recommend for any crypto project.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-portrait-of-a-man-in-his--1773210525319-e78fe974.png?_wi=1", - }, + name: "Marcus Williams", handle: "Entrepreneur, Web3 Studio", testimonial: "The pricing is incredibly fair and the process is transparent. Highly recommend for any crypto project.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-portrait-of-a-man-in-his--1773210525319-e78fe974.png?_wi=1"}, { - name: "Emma Rodriguez", - handle: "Community Manager, CryptoHub", - testimonial: "Finally, a platform that makes crypto accessible to everyone. Outstanding customer support too!", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-headshot-photo-of-a-woman-1773210525488-51c4f7bf.png?_wi=1", - }, + name: "Emma Rodriguez", handle: "Community Manager, CryptoHub", testimonial: "Finally, a platform that makes crypto accessible to everyone. Outstanding customer support too!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-headshot-photo-of-a-woman-1773210525488-51c4f7bf.png?_wi=1"}, ]} buttons={[ - { text: "Start Creating", href: "/wizard" }, + { text: "Start Creating", href: "/wizard", className: "bg-gradient-to-r from-primary to-primary-dark hover:shadow-lg hover:shadow-primary/50 transition-all" }, { text: "Learn More", href: "#how-it-works" }, ]} buttonAnimation="slide-up" + buttonContainerClassName="flex gap-4 justify-center items-center flex-col sm:flex-row" useInvertedBackground={false} /> @@ -126,63 +109,39 @@ export default function HomePage() { tagAnimation="slide-up" features={[ { - title: "Enter Coin Details", - description: "Input your coin name, total supply, logo, and description. Customize every detail to match your brand.", - icon: FileText, + title: "Enter Coin Details", description: "Input your coin name, total supply, logo, and description. Customize every detail to match your brand.", icon: FileText, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-user-friendly-form-interface-for-crypt-1773210526700-1a42cb81.png?_wi=1", - imageAlt: "Coin Details Form", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-user-friendly-form-interface-for-crypt-1773210526700-1a42cb81.png?_wi=1", imageAlt: "Coin Details Form"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-detailed-cryptocurrency-token-configur-1773210528098-bbf22b5d.png?_wi=1", - imageAlt: "Token Configuration", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-detailed-cryptocurrency-token-configur-1773210528098-bbf22b5d.png?_wi=1", imageAlt: "Token Configuration"}, ], }, { - title: "Select Blockchain", - description: "Choose from Ethereum, Binance Smart Chain, Solana, Polygon, or other supported networks. Deploy anywhere.", - icon: Network, + title: "Select Blockchain", description: "Choose from Ethereum, Binance Smart Chain, Solana, Polygon, or other supported networks. Deploy anywhere.", icon: Network, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-blockchain-network-selection-interface-1773210526538-7391793a.png?_wi=1", - imageAlt: "Blockchain Selection", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-blockchain-network-selection-interface-1773210526538-7391793a.png?_wi=1", imageAlt: "Blockchain Selection"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-comparison-chart-showing-different-blo-1773210526179-a9aef51d.png?_wi=1", - imageAlt: "Network Comparison", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-comparison-chart-showing-different-blo-1773210526179-a9aef51d.png?_wi=1", imageAlt: "Network Comparison"}, ], }, { - title: "Preview & Configure", - description: "Review your coin design and smart contract configuration. Make adjustments before deployment.", - icon: Eye, + title: "Preview & Configure", description: "Review your coin design and smart contract configuration. Make adjustments before deployment.", icon: Eye, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-preview-screen-of-a-cryptocurrency-coi-1773210529142-d488f5d0.png?_wi=1", - imageAlt: "Coin Preview", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-preview-screen-of-a-cryptocurrency-coi-1773210529142-d488f5d0.png?_wi=1", imageAlt: "Coin Preview"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-smart-contract-code-review-interface-s-1773210527438-4a5ff1ff.png?_wi=1", - imageAlt: "Contract Review", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-smart-contract-code-review-interface-s-1773210527438-4a5ff1ff.png?_wi=1", imageAlt: "Contract Review"}, ], }, { - title: "Deploy & Launch", - description: "Pay the minting fee and deploy your coin live. Get instant contract address and start trading immediately.", - icon: Rocket, + title: "Deploy & Launch", description: "Pay the minting fee and deploy your coin live. Get instant contract address and start trading immediately.", icon: Rocket, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-successful-deployment-confirmation-scr-1773210525914-c266a692.png?_wi=1", - imageAlt: "Deployment Success", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-successful-deployment-confirmation-scr-1773210525914-c266a692.png?_wi=1", imageAlt: "Deployment Success"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-cryptocurrency-token-dashboard-showing-1773210526813-93c2de11.png?_wi=1", - imageAlt: "Token Dashboard", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-cryptocurrency-token-dashboard-showing-1773210526813-93c2de11.png?_wi=1", imageAlt: "Token Dashboard"}, ], }, ]} @@ -204,93 +163,57 @@ export default function HomePage() { tagAnimation="slide-up" features={[ { - title: "No-Code Interface", - description: "Intuitive wizard with drag-and-drop customization. No programming or blockchain knowledge required.", - icon: Wand2, + title: "No-Code Interface", description: "Intuitive wizard with drag-and-drop customization. No programming or blockchain knowledge required.", icon: Wand2, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-visual-wizard-interface-with-numbered--1773210528136-14e264e5.png", - imageAlt: "No-Code Wizard", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-visual-wizard-interface-with-numbered--1773210528136-14e264e5.png", imageAlt: "No-Code Wizard"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-user-friendly-dashboard-showing-a-prog-1773210526413-83fba5e3.png", - imageAlt: "Progress Dashboard", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-user-friendly-dashboard-showing-a-prog-1773210526413-83fba5e3.png", imageAlt: "Progress Dashboard"}, ], }, { - title: "Multi-Blockchain Support", - description: "Deploy to Ethereum, BSC, Solana, Polygon, Avalanche, and more. Choose the network that fits your needs.", - icon: Globe, + title: "Multi-Blockchain Support", description: "Deploy to Ethereum, BSC, Solana, Polygon, Avalanche, and more. Choose the network that fits your needs.", icon: Globe, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-world-map-showing-multiple-blockchain--1773210529690-2940b47a.png", - imageAlt: "Global Blockchain Network", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-world-map-showing-multiple-blockchain--1773210529690-2940b47a.png", imageAlt: "Global Blockchain Network"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-detailed-comparison-of-different-block-1773210526869-630c98c5.png", - imageAlt: "Network Comparison", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-detailed-comparison-of-different-block-1773210526869-630c98c5.png", imageAlt: "Network Comparison"}, ], }, { - title: "Customization & Branding", - description: "Full control over coin design, tokenomics, and metadata. Integrate seamlessly with your brand identity.", - icon: Palette, + title: "Customization & Branding", description: "Full control over coin design, tokenomics, and metadata. Integrate seamlessly with your brand identity.", icon: Palette, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-design-customization-panel-showing-col-1773210527399-318b75c9.png", - imageAlt: "Customization Panel", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-design-customization-panel-showing-col-1773210527399-318b75c9.png", imageAlt: "Customization Panel"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-live-preview-of-a-branded-cryptocurren-1773210528479-c7474e24.png", - imageAlt: "Branding Preview", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-live-preview-of-a-branded-cryptocurren-1773210528479-c7474e24.png", imageAlt: "Branding Preview"}, ], }, { - title: "Integrated Payment Gateway", - description: "Secure payment processing for minting fees. Support for multiple payment methods and cryptocurrencies.", - icon: CreditCard, + title: "Integrated Payment Gateway", description: "Secure payment processing for minting fees. Support for multiple payment methods and cryptocurrencies.", icon: CreditCard, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-secure-payment-gateway-interface-showi-1773210528194-f99bb1ae.png", - imageAlt: "Payment Gateway", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-secure-payment-gateway-interface-showi-1773210528194-f99bb1ae.png", imageAlt: "Payment Gateway"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-payment-confirmation-screen-showing-su-1773210528743-02e3674a.png", - imageAlt: "Payment Confirmation", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-payment-confirmation-screen-showing-su-1773210528743-02e3674a.png", imageAlt: "Payment Confirmation"}, ], }, { - title: "Smart Contract Generation", - description: "Automatically generate secure, audited smart contracts. Mint, burn, and manage your token programmatically.", - icon: Code, + title: "Smart Contract Generation", description: "Automatically generate secure, audited smart contracts. Mint, burn, and manage your token programmatically.", icon: Code, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-smart-contract-management-dashboard-sh-1773210529295-f3d38f3b.png", - imageAlt: "Contract Management", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-smart-contract-management-dashboard-sh-1773210529295-f3d38f3b.png", imageAlt: "Contract Management"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-detailed-view-of-generated-smart-contr-1773210525942-35d438d4.png", - imageAlt: "Contract Code", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-detailed-view-of-generated-smart-contr-1773210525942-35d438d4.png", imageAlt: "Contract Code"}, ], }, { - title: "Marketplace Listing", - description: "List your coin on our platform marketplace. Reach potential investors and traders instantly.", - icon: ShoppingCart, + title: "Marketplace Listing", description: "List your coin on our platform marketplace. Reach potential investors and traders instantly.", icon: ShoppingCart, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-cryptocurrency-marketplace-showing-mul-1773210528382-e5907e72.png", - imageAlt: "Marketplace Grid", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-cryptocurrency-marketplace-showing-mul-1773210528382-e5907e72.png", imageAlt: "Marketplace Grid"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-token-detail-page-from-a-marketplace-s-1773210527915-845404c6.png", - imageAlt: "Token Detail Page", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-token-detail-page-from-a-marketplace-s-1773210527915-845404c6.png", imageAlt: "Token Detail Page"}, ], }, ]} @@ -312,63 +235,22 @@ export default function HomePage() { tagAnimation="slide-up" plans={[ { - id: "starter", - title: "Starter", - price: "$29", - period: "per coin", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-colorful-illustration-representing-the-1773210525863-5a697965.png?_wi=1", - imageAlt: "Starter Plan", - button: { - text: "Get Started", - href: "/wizard", - }, + id: "starter", title: "Starter", price: "$29", period: "per coin", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-colorful-illustration-representing-the-1773210525863-5a697965.png?_wi=1", imageAlt: "Starter Plan", button: { + text: "Get Started", href: "/wizard"}, features: [ - "Create one custom coin", - "ERC-20 or BEP-20 standard", - "Basic customization", - "24-hour support", - "Instant deployment", - ], + "Create one custom coin", "ERC-20 or BEP-20 standard", "Basic customization", "24-hour support", "Instant deployment"], }, { - id: "professional", - title: "Professional", - price: "$99", - period: "per coin", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-and-sleek-illustration-re-1773210528463-73a8781d.png?_wi=1", - imageAlt: "Professional Plan", - button: { - text: "Launch Pro", - href: "/wizard", - }, + id: "professional", title: "Professional", price: "$99", period: "per coin", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-professional-and-sleek-illustration-re-1773210528463-73a8781d.png?_wi=1", imageAlt: "Professional Plan", button: { + text: "Launch Pro", href: "/wizard"}, features: [ - "Advanced customization", - "Multi-blockchain deployment", - "Governance features", - "Priority support", - "Marketplace listing", - "Analytics dashboard", - ], + "Advanced customization", "Multi-blockchain deployment", "Governance features", "Priority support", "Marketplace listing", "Analytics dashboard"], }, { - id: "enterprise", - title: "Enterprise", - price: "$299", - period: "per coin", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-premium-and-sophisticated-illustration-1773210525986-fc9ae325.png?_wi=1", - imageAlt: "Enterprise Plan", - button: { - text: "Contact Sales", - href: "#contact", - }, + id: "enterprise", title: "Enterprise", price: "$299", period: "per coin", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhEYQQdUGnNCbgO8E5DrHdD28O/a-premium-and-sophisticated-illustration-1773210525986-fc9ae325.png?_wi=1", imageAlt: "Enterprise Plan", button: { + text: "Contact Sales", href: "#contact"}, features: [ - "Unlimited customization", - "All blockchains supported", - "Custom contract development", - "24/7 dedicated support", - "Co-marketing opportunities", - "White-label options", - ], + "Unlimited customization", "All blockchains supported", "Custom contract development", "24/7 dedicated support", "Co-marketing opportunities", "White-label options"], }, ]} animationType="slide-up" @@ -389,29 +271,17 @@ export default function HomePage() { tagAnimation="slide-up" metrics={[ { - id: "1", - icon: Coins, - title: "Coins Created", - value: "12,500+", - }, + id: "1", icon: Coins, + title: "Coins Created", value: "12,500+"}, { - id: "2", - icon: Users, - title: "Active Creators", - value: "8,340", - }, + id: "2", icon: Users, + title: "Active Creators", value: "8,340"}, { - id: "3", - icon: DollarSign, - title: "Total Value Minted", - value: "$150M+", - }, + id: "3", icon: DollarSign, + title: "Total Value Minted", value: "$150M+"}, { - id: "4", - icon: Globe, - title: "Countries Served", - value: "125", - }, + id: "4", icon: Globe, + title: "Countries Served", value: "125"}, ]} animationType="slide-up" textboxLayout="default" @@ -426,41 +296,17 @@ export default function HomePage() {