diff --git a/src/app/page.tsx b/src/app/page.tsx index 3635b73..1fe69fc 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,7 +2,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; -import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit"; +import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard"; import SplitAbout from "@/components/sections/about/SplitAbout"; import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import ProductCardThree from "@/components/sections/product/ProductCardThree"; @@ -53,21 +53,20 @@ export default function LandingPage() {
-
@@ -114,27 +113,33 @@ export default function LandingPage() { title: "Custom Website Design", description: "Bespoke websites built from scratch to match your brand identity and business goals", icon: Code, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-landing-page-template_23-2150627379.jpg", imageAlt: "Custom website design example"}, + imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-landing-page-template_23-2150627379.jpg", imageAlt: "Custom website design example" + }, { - imageSrc: "http://img.b2bpic.net/free-psd/swimming-lessons-web-templates-with-photo_23-2148466933.jpg", imageAlt: "Website design mockup"}, + imageSrc: "http://img.b2bpic.net/free-psd/swimming-lessons-web-templates-with-photo_23-2148466933.jpg", imageAlt: "Website design mockup" + }, ], }, { title: "E-Commerce Solutions", description: "Powerful online stores designed to convert visitors into customers", icon: ShoppingCart, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/fashion-sale-landing-page_23-2148609265.jpg", imageAlt: "E-commerce website showcase"}, + imageSrc: "http://img.b2bpic.net/free-vector/fashion-sale-landing-page_23-2148609265.jpg", imageAlt: "E-commerce website showcase" + }, { - imageSrc: "http://img.b2bpic.net/free-psd/supermarket-instagram-story-banner-template-design_23-2151797801.jpg", imageAlt: "Product page design"}, + imageSrc: "http://img.b2bpic.net/free-psd/supermarket-instagram-story-banner-template-design_23-2151797801.jpg", imageAlt: "Product page design" + }, ], }, { title: "Brand Positioning", description: "Strategic design that positions your business as an industry leader", icon: Briefcase, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/stationery-wedding-invitation-concept-flat-lay_23-2148187996.jpg", imageAlt: "Brand identity design"}, + imageSrc: "http://img.b2bpic.net/free-photo/stationery-wedding-invitation-concept-flat-lay_23-2148187996.jpg", imageAlt: "Brand identity design" + }, { - imageSrc: "http://img.b2bpic.net/free-vector/gradient-brand-manual-presentation_23-2149853785.jpg", imageAlt: "Brand guidelines"}, + imageSrc: "http://img.b2bpic.net/free-vector/gradient-brand-manual-presentation_23-2149853785.jpg", imageAlt: "Brand guidelines" + }, ], }, ]} @@ -155,17 +160,23 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "branding-kit", name: "Branding Kit", price: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-stationery-collection_23-2148369109.jpg", imageAlt: "Branding kit for new businesses"}, + id: "branding-kit", name: "Branding Kit", price: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-stationery-collection_23-2148369109.jpg", imageAlt: "Branding kit for new businesses" + }, { - id: "launch-guide", name: "Launch Guide", price: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310878.jpg", imageAlt: "Business launch planning guide"}, + id: "launch-guide", name: "Launch Guide", price: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310878.jpg", imageAlt: "Business launch planning guide" + }, { - id: "growth-analytics", name: "Growth Analytics", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871193.jpg", imageAlt: "Business analytics dashboard"}, + id: "growth-analytics", name: "Growth Analytics", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871193.jpg", imageAlt: "Business analytics dashboard" + }, { - id: "content-calendar", name: "Content Calendar", price: "Essential", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-with-gradient-style_23-2147887302.jpg", imageAlt: "Marketing content calendar"}, + id: "content-calendar", name: "Content Calendar", price: "Essential", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-with-gradient-style_23-2147887302.jpg", imageAlt: "Marketing content calendar" + }, { - id: "client-manager", name: "Client Manager", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-executive-female-reading-charst-conference-room-young-businesswoman-background_482257-31194.jpg", imageAlt: "Client relationship management"}, + id: "client-manager", name: "Client Manager", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-executive-female-reading-charst-conference-room-young-businesswoman-background_482257-31194.jpg", imageAlt: "Client relationship management" + }, { - id: "invoice-builder", name: "Invoice Builder", price: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-interior-design-template_23-2149635138.jpg", imageAlt: "Professional invoice templates"}, + id: "invoice-builder", name: "Invoice Builder", price: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-interior-design-template_23-2149635138.jpg", imageAlt: "Professional invoice templates" + }, ]} gridVariant="bento-grid" animationType="scale-rotate" @@ -187,17 +198,20 @@ export default function LandingPage() { id: "starter", title: "Starter", price: "$299", period: "per month", features: [ "5 Custom Websites", "Business Tools Access", "Basic Analytics", "Email Support", "3 Months Support"], button: { text: "Get Started", href: "#" }, - imageSrc: "http://img.b2bpic.net/free-vector/banners-different-price-plans_23-2147608303.jpg", imageAlt: "Starter plan features"}, + imageSrc: "http://img.b2bpic.net/free-vector/banners-different-price-plans_23-2147608303.jpg", imageAlt: "Starter plan features" + }, { id: "professional", title: "Professional", price: "$799", period: "per month", features: [ "Unlimited Websites", "All Business Tools", "Advanced Analytics", "Priority Support", "12 Months Support", "Custom Integrations"], button: { text: "Get Started", href: "#" }, - imageSrc: "http://img.b2bpic.net/free-vector/pricing-table-pack_23-2147723564.jpg", imageAlt: "Professional plan features"}, + imageSrc: "http://img.b2bpic.net/free-vector/pricing-table-pack_23-2147723564.jpg", imageAlt: "Professional plan features" + }, { id: "enterprise", title: "Enterprise", price: "Custom", period: "contact us", features: [ "Everything in Professional", "Dedicated Account Manager", "Custom Tool Development", "24/7 Phone Support", "Training & Consulting", "White-label Options"], button: { text: "Contact Sales", href: "#" }, - imageSrc: "http://img.b2bpic.net/free-photo/businessmen-using-computer-laptop_53876-14773.jpg", imageAlt: "Enterprise plan features"}, + imageSrc: "http://img.b2bpic.net/free-photo/businessmen-using-computer-laptop_53876-14773.jpg", imageAlt: "Enterprise plan features" + }, ]} animationType="slide-up" textboxLayout="default" @@ -216,17 +230,23 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", name: "Maria Fernandez", date: "3 weeks ago", title: "E-Commerce Manager", quote: "Webild transformed our online presence. Our conversion rate increased by 45% in just the first month. The team was incredibly responsive and truly understood our vision.", tag: "E-Commerce Success", avatarSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg", avatarAlt: "Maria Fernandez", imageSrc: "http://img.b2bpic.net/free-photo/business-team-working-new-business-plan-with-modern-digital-computer-with-copyspace_1423-207.jpg", imageAlt: "Business success story"}, + id: "1", name: "Maria Fernandez", date: "3 weeks ago", title: "E-Commerce Manager", quote: "Webild transformed our online presence. Our conversion rate increased by 45% in just the first month. The team was incredibly responsive and truly understood our vision.", tag: "E-Commerce Success", avatarSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg", avatarAlt: "Maria Fernandez", imageSrc: "http://img.b2bpic.net/free-photo/business-team-working-new-business-plan-with-modern-digital-computer-with-copyspace_1423-207.jpg", imageAlt: "Business success story" + }, { - id: "2", name: "James Chen", date: "2 months ago", title: "Startup Founder", quote: "The business tools suite saved us months of development time. We were able to launch our operations immediately with Webild's comprehensive toolkit. Highly recommended!", tag: "Startup Launch", avatarSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg", avatarAlt: "James Chen", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-job-fair-instagram-stories_23-2151024375.jpg", imageAlt: "Startup success"}, + id: "2", name: "James Chen", date: "2 months ago", title: "Startup Founder", quote: "The business tools suite saved us months of development time. We were able to launch our operations immediately with Webild's comprehensive toolkit. Highly recommended!", tag: "Startup Launch", avatarSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg", avatarAlt: "James Chen", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-job-fair-instagram-stories_23-2151024375.jpg", imageAlt: "Startup success" + }, { - id: "3", name: "Amanda Rodriguez", date: "1 month ago", title: "Marketing Director", quote: "Working with Webild was a game-changer. The design is not only beautiful but incredibly intuitive. Our team loves how easy it is to manage everything.", tag: "Design Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman_23-2147707173.jpg", avatarAlt: "Amanda Rodriguez", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148369181.jpg", imageAlt: "Marketing campaign"}, + id: "3", name: "Amanda Rodriguez", date: "1 month ago", title: "Marketing Director", quote: "Working with Webild was a game-changer. The design is not only beautiful but incredibly intuitive. Our team loves how easy it is to manage everything.", tag: "Design Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman_23-2147707173.jpg", avatarAlt: "Amanda Rodriguez", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148369181.jpg", imageAlt: "Marketing campaign" + }, { - id: "4", name: "David Park", date: "5 weeks ago", title: "Business Owner", quote: "Webild's support is exceptional. They didn't just build our website; they became partners in our growth. The tools they provided are invaluable.", tag: "Partnership Success", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-flight-attendant-posing-studio_23-2150197253.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/people-standing-office-holding-hands-together_23-2147650946.jpg", imageAlt: "Client testimonial"}, + id: "4", name: "David Park", date: "5 weeks ago", title: "Business Owner", quote: "Webild's support is exceptional. They didn't just build our website; they became partners in our growth. The tools they provided are invaluable.", tag: "Partnership Success", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-flight-attendant-posing-studio_23-2150197253.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/people-standing-office-holding-hands-together_23-2147650946.jpg", imageAlt: "Client testimonial" + }, { - id: "5", name: "Sophie Martin", date: "2 weeks ago", title: "Consultant", quote: "The attention to detail is remarkable. From the initial concept to launch, every step was carefully thought through. Webild truly understands modern design.", tag: "Consultant Approved", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", avatarAlt: "Sophie Martin", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149145155.jpg", imageAlt: "Professional consultation"}, + id: "5", name: "Sophie Martin", date: "2 weeks ago", title: "Consultant", quote: "The attention to detail is remarkable. From the initial concept to launch, every step was carefully thought through. Webild truly understands modern design.", tag: "Consultant Approved", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", avatarAlt: "Sophie Martin", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149145155.jpg", imageAlt: "Professional consultation" + }, { - id: "6", name: "Thomas Kim", date: "3 months ago", title: "Agency Owner", quote: "Webild's professional approach and artistic vision set them apart. Our clients consistently praise the quality. It's been a fantastic partnership.", tag: "Agency Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2150275662.jpg", avatarAlt: "Thomas Kim", imageSrc: "http://img.b2bpic.net/free-photo/powerful-satisfied-entrepreneurs-hugging-congratulating-each-other_482257-119865.jpg", imageAlt: "Agency success"}, + id: "6", name: "Thomas Kim", date: "3 months ago", title: "Agency Owner", quote: "Webild's professional approach and artistic vision set them apart. Our clients consistently praise the quality. It's been a fantastic partnership.", tag: "Agency Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2150275662.jpg", avatarAlt: "Thomas Kim", imageSrc: "http://img.b2bpic.net/free-photo/powerful-satisfied-entrepreneurs-hugging-congratulating-each-other_482257-119865.jpg", imageAlt: "Agency success" + }, ]} /> @@ -243,17 +263,23 @@ export default function LandingPage() { faqsAnimation="blur-reveal" faqs={[ { - id: "1", title: "How long does a typical website design project take?", content: "Our standard project timeline is 4-8 weeks depending on complexity and scope. We break the process into discovery, design, development, and testing phases to ensure quality at every step."}, + id: "1", title: "How long does a typical website design project take?", content: "Our standard project timeline is 4-8 weeks depending on complexity and scope. We break the process into discovery, design, development, and testing phases to ensure quality at every step." + }, { - id: "2", title: "Do you offer ongoing support after launch?", content: "Yes! All our packages include ongoing support. Starter plans include 3 months, Professional 12 months, and Enterprise clients get 24/7 support with a dedicated account manager."}, + id: "2", title: "Do you offer ongoing support after launch?", content: "Yes! All our packages include ongoing support. Starter plans include 3 months, Professional 12 months, and Enterprise clients get 24/7 support with a dedicated account manager." + }, { - id: "3", title: "Can I use the business tools if I didn't hire you for design?", content: "Absolutely. Our business tools are available as standalone packages. Many entrepreneurs use our tools independently to manage their operations, content calendars, and client relationships."}, + id: "3", title: "Can I use the business tools if I didn't hire you for design?", content: "Absolutely. Our business tools are available as standalone packages. Many entrepreneurs use our tools independently to manage their operations, content calendars, and client relationships." + }, { - id: "4", title: "What's included in the branding kit?", content: "The branding kit includes logo design, color palette, typography guidelines, brand voice documentation, and ready-to-use templates for social media, emails, and marketing materials."}, + id: "4", title: "What's included in the branding kit?", content: "The branding kit includes logo design, color palette, typography guidelines, brand voice documentation, and ready-to-use templates for social media, emails, and marketing materials." + }, { - id: "5", title: "Is my website mobile responsive?", content: "Every website we design is fully responsive and optimized for all devices. We test extensively on phones, tablets, and desktops to ensure a perfect user experience everywhere."}, + id: "5", title: "Is my website mobile responsive?", content: "Every website we design is fully responsive and optimized for all devices. We test extensively on phones, tablets, and desktops to ensure a perfect user experience everywhere." + }, { - id: "6", title: "Do you provide SEO optimization?", content: "Yes, SEO is built into every website we create. We handle on-page optimization, technical SEO, mobile optimization, and provide guidance on content strategy for long-term rankings."}, + id: "6", title: "Do you provide SEO optimization?", content: "Yes, SEO is built into every website we create. We handle on-page optimization, technical SEO, mobile optimization, and provide guidance on content strategy for long-term rankings." + }, ]} /> diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 1b816ec..409d667 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f7f6f7; - --card: #ffffff; - --foreground: #1b0c25; - --primary-cta: #1b0c25; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffff; + --primary-cta: #1f7cff; --primary-cta-text: #f7f6f7; - --secondary-cta: #ffffff; + --secondary-cta: #010101; --secondary-cta-text: #1b0c25; - --accent: #ff93e4; - --background-accent: #e8a8c3; + --accent: #1f7cff; + --background-accent: #f96b2f; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);