diff --git a/src/app/page.tsx b/src/app/page.tsx index f012549..aa6bbe8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,15 +18,15 @@ import { Download, Edit, Globe, Layers, Lightbulb, Palette, Play, Rocket, Sparkl export default function LandingPage() { return ( @@ -95,20 +95,20 @@ export default function LandingPage() { avatarText="Join our growing community!" marqueeItems={[ { - type: "text-icon", text: "Design Templates", icon: Palette, + type: "text-icon", text: "Design Templates", icon: Palette }, { - type: "text-icon", text: "Video Presets", icon: Play, + type: "text-icon", text: "Video Presets", icon: Play }, { - type: "text-icon", text: "Productivity Tools", icon: Lightbulb, + type: "text-icon", text: "Productivity Tools", icon: Lightbulb }, { - type: "text-icon", text: "Web Themes", icon: Globe, + type: "text-icon", text: "Web Themes", icon: Globe }, { - type: "text-icon", text: "Workflow Accelerators", icon: Rocket, - }, + type: "text-icon", text: "Workflow Accelerators", icon: Rocket + } ]} /> @@ -118,11 +118,11 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", content: "Accelerate Your Creative Workflow"}, + type: "text", content: "Accelerate Your Creative Workflow"} ]} buttons={[ { - text: "Learn More", href: "#features"}, + text: "Learn More", href: "#features"} ]} /> @@ -139,8 +139,8 @@ export default function LandingPage() { { imageSrc: "http://img.b2bpic.net/free-photo/home-decor-renovation-style-architecture-building_53876-21272.jpg", imageAlt: "Canva template customization interface"}, { - imageSrc: "http://img.b2bpic.net/free-photo/portrait-fitness-influencer_23-2151564813.jpg", imageAlt: "CapCut video editing preset in use"}, - ], + imageSrc: "http://img.b2bpic.net/free-photo/portrait-fitness-influencer_23-2151564813.jpg", imageAlt: "CapCut video editing preset in use"} + ] }, { title: "Multi-Platform Compatibility", description: "Seamlessly integrate templates with your favorite tools, from Notion productivity systems to WordPress websites.", icon: Layers, @@ -148,8 +148,8 @@ export default function LandingPage() { { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-cervical-neck-collar-office_482257-77523.jpg", imageAlt: "Notion project management dashboard"}, { - imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg", imageAlt: "Responsive WordPress website theme"}, - ], + imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg", imageAlt: "Responsive WordPress website theme"} + ] }, { title: "Instant Download & Support", description: "Gain immediate access to your purchased templates with secure downloads and dedicated customer assistance.", icon: Download, @@ -157,9 +157,9 @@ export default function LandingPage() { { imageSrc: "http://img.b2bpic.net/free-photo/illustration-transportation-packages-delivery_53876-121518.jpg", imageAlt: "Secure digital download process"}, { - imageSrc: "http://img.b2bpic.net/free-photo/network-connection-concept_1134-46.jpg", imageAlt: "Diverse creator community collaboration"}, - ], - }, + imageSrc: "http://img.b2bpic.net/free-photo/network-connection-concept_1134-46.jpg", imageAlt: "Diverse creator community collaboration"} + ] + } ]} title="Unlock Your Creative Potential" description="Explore powerful templates for every platform, designed to streamline your projects and elevate your output." @@ -190,7 +190,7 @@ export default function LandingPage() { reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographics-timeline-flat-design_52683-16867.jpg", imageAlt: "Alight Motion Animated Infographics Pack"}, { id: "p6", brand: "Figma", name: "Modern Mobile UI Kit", price: "$59.00", rating: 4.9, - reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-application_23-2148676935.jpg", imageAlt: "Figma Modern Mobile UI Kit"}, + reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-application_23-2148676935.jpg", imageAlt: "Figma Modern Mobile UI Kit"} ]} title="Popular Templates" description="Explore our best-selling digital products, from trending social media kits to powerful web development themes." @@ -207,21 +207,21 @@ export default function LandingPage() { id: "plan1", tag: "Starter", price: "$0", period: "Free", description: "Explore basic templates to kickstart your creative projects.", button: { text: "Start Free"}, featuresTitle: "Includes:", features: [ - "Access to Free Templates", "Standard Download Speed", "Community Support", "Basic Customization Options"], + "Access to Free Templates", "Standard Download Speed", "Community Support", "Basic Customization Options"] }, { id: "plan2", tag: "Pro", tagIcon: Sparkles, price: "$19", period: "per month", description: "Unlock a vast library of premium templates for serious creators.", button: { text: "Get Pro"}, featuresTitle: "Everything in Starter, plus:", features: [ - "Unlimited Premium Downloads", "High-Speed Downloads", "Priority Email Support", "Advanced Customization Tools", "Early Access to New Releases"], + "Unlimited Premium Downloads", "High-Speed Downloads", "Priority Email Support", "Advanced Customization Tools", "Early Access to New Releases"] }, { id: "plan3", tag: "Agency", price: "$49", period: "per month", description: "Ideal for teams and agencies managing multiple client projects.", button: { text: "Get Agency"}, featuresTitle: "Everything in Pro, plus:", features: [ - "Team Collaboration Features", "Dedicated Account Manager", "White-Label Options", "Bulk Template Licensing", "Custom Integration Support"], - }, + "Team Collaboration Features", "Dedicated Account Manager", "White-Label Options", "Bulk Template Licensing", "Custom Integration Support"] + } ]} title="Flexible Plans for Every Creator" description="Whether you're an individual creator or a growing agency, find the perfect plan to access our premium template library." @@ -235,20 +235,20 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", name: "Sarah Johnson", handle: "@CreativeSarah", testimonial: "BuildDigital has been a game-changer for my content creation. The templates save me countless hours, allowing me to focus on strategy instead of design.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg", imageAlt: "Sarah Johnson, content creator", icon: Star, + id: "t1", name: "Sarah Johnson", handle: "@CreativeSarah", testimonial: "BuildDigital has been a game-changer for my content creation. The templates save me countless hours, allowing me to focus on strategy instead of design.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg", imageAlt: "Sarah Johnson, content creator", icon: Star }, { - id: "t2", name: "Michael Chen", handle: "@TechBizMichael", testimonial: "The Notion templates are incredibly well-designed and functional. They've streamlined our internal processes and boosted team productivity significantly.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg", imageAlt: "Michael Chen, small business owner", icon: Star, + id: "t2", name: "Michael Chen", handle: "@TechBizMichael", testimonial: "The Notion templates are incredibly well-designed and functional. They've streamlined our internal processes and boosted team productivity significantly.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg", imageAlt: "Michael Chen, small business owner", icon: Star }, { - id: "t3", name: "Emily Rodriguez", handle: "@DesignFlows", testimonial: "As a freelance designer, having access to these high-quality Canva and CapCut assets gives me a huge advantage. My clients are always impressed!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-student-girl-wearing-elegant-black-dress-keeping-arms-folded-while-sitting-front-laptop-computer-working-diploma-project-online-using-free-wi-fi-coffee-break_273609-74.jpg", imageAlt: "Emily Rodriguez, freelance designer", icon: Star, + id: "t3", name: "Emily Rodriguez", handle: "@DesignFlows", testimonial: "As a freelance designer, having access to these high-quality Canva and CapCut assets gives me a huge advantage. My clients are always impressed!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-student-girl-wearing-elegant-black-dress-keeping-arms-folded-while-sitting-front-laptop-computer-working-diploma-project-online-using-free-wi-fi-coffee-break_273609-74.jpg", imageAlt: "Emily Rodriguez, freelance designer", icon: Star }, { - id: "t4", name: "David Kim", handle: "@AgencyAlpha", testimonial: "We use BuildDigital for all our client projects. The variety and quality of WordPress themes and video presets are unmatched, saving us time and resources.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-digital-nomad-freelancer-connects-video-call-laptop-pointing-finger_1258-245280.jpg", imageAlt: "David Kim, marketing agency owner", icon: Star, + id: "t4", name: "David Kim", handle: "@AgencyAlpha", testimonial: "We use BuildDigital for all our client projects. The variety and quality of WordPress themes and video presets are unmatched, saving us time and resources.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-digital-nomad-freelancer-connects-video-call-laptop-pointing-finger_1258-245280.jpg", imageAlt: "David Kim, marketing agency owner", icon: Star }, { - id: "t5", name: "Jessica Lee", handle: "@EduTechJess", testimonial: "The educational templates are fantastic for standardizing our online course materials. They look professional and are easy for my team to adapt.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-ipad_23-2150172056.jpg", imageAlt: "Jessica Lee, educator", icon: Star, - }, + id: "t5", name: "Jessica Lee", handle: "@EduTechJess", testimonial: "The educational templates are fantastic for standardizing our online course materials. They look professional and are easy for my team to adapt.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-ipad_23-2150172056.jpg", imageAlt: "Jessica Lee, educator", icon: Star + } ]} title="What Our Creators Say" description="Hear from satisfied users who have transformed their workflows and elevated their projects with BuildDigital templates." @@ -279,7 +279,7 @@ export default function LandingPage() { { id: "faq3", title: "Can I customize the templates?", content: "Absolutely! All templates are designed to be fully customizable. You can easily edit text, colors, images, and layout to match your brand and specific project needs."}, { - id: "faq4", title: "What if I need support or have an issue?", content: "Our support team is here to help. You can reach us via the contact form on this page or by emailing support@builddigital.com. We strive to respond within 24-48 hours."}, + id: "faq4", title: "What if I need support or have an issue?", content: "Our support team is here to help. You can reach us via the contact form on this page or by emailing support@builddigital.com. We strive to respond within 24-48 hours."} ]} imageSrc="http://img.b2bpic.net/free-photo/3d-speech-bubbles-with-question-marks_107791-15946.jpg" imageAlt="Person thinking with question marks, digital problem solving" @@ -322,4 +322,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 5038a9b..19f4137 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f5f5f5; - --card: #ffffff; - --foreground: #1c1c1c; - --primary-cta: #1f514c; - --primary-cta-text: #f5f5f5; - --secondary-cta: #ffffff; - --secondary-cta-text: #1c1c1c; - --accent: #159c49; - --background-accent: #a8e8ba; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffffe6; + --primary-cta: #e6e6e6; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #ffffffe6; + --accent: #737373; + --background-accent: #737373; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);