bender/e059bcdd-86f7-468d-b886-c83ae1ad826a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-06-03 17:09:47 +00:00
parent fe88b86d50 2661461a75
commit e32f96c6d2
2 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/app/page.tsx
View File

@@ -18,15 +18,15 @@ import { Download, Edit, Globe, Layers, Lightbulb, Palette, Play, Rocket, Sparkl
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="large"
background="noiseDiagonalGradient"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
sizing="mediumLarge"
background="noise"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
@@ -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
}
]}
/>
</div>
@@ -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"}
]}
/>
</div>
@@ -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() {
</ReactLenis>
</ThemeProvider>
);
}
}

18
src/app/styles/variables.css
View File

@@ -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);