bender/038b5f6b-efe0-4ef7-8374-fdd6f7c1e5ce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-03-09 09:04:04 +00:00
Conversation 0 Commits 1 Files Changed 1 +64 -33
1 changed files with 64 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/app/page.tsx
View File

@@ -36,7 +36,8 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "Let's Connect", href: "#contact"}}
text: "Let's Connect", href: "#contact"
}}
className="z-50"
buttonClassName="rounded-full"
/>
@@ -45,7 +46,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Designing Visual Experiences & Building Modern Websites"
description="I craft stunning graphics, compelling brand identities, and seamless digital experiences. With expertise in UI/UX design, branding, and full-stack web development, I transform your vision into pixel-perfect reality."
description="I craft stunning graphics, compelling brand identities, and seamless digital experiences. With expertise in UI/UX design, branding, and modern web development, I transform your vision into pixel-perfect reality."
tag="Premium Designer & Developer"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -57,17 +58,23 @@ export default function LandingPage() {
buttonAnimation="blur-reveal"
carouselItems={[
{
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-sits-desk-front-computer_1258-296305.jpg", imageAlt: "Portfolio showcase design 1"},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-sits-desk-front-computer_1258-296305.jpg", imageAlt: "Portfolio showcase design 1"
},
{
id: "2", imageSrc: "http://img.b2bpic.net/free-vector/smartphone-home-screen_52683-50372.jpg", imageAlt: "Portfolio showcase design 2"},
id: "2", imageSrc: "http://img.b2bpic.net/free-vector/smartphone-home-screen_52683-50372.jpg", imageAlt: "Portfolio showcase design 2"
},
{
id: "3", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-portfolio-template_23-2151126003.jpg", imageAlt: "Portfolio showcase design 3"},
id: "3", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-portfolio-template_23-2151126003.jpg", imageAlt: "Portfolio showcase design 3"
},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-vector/web-design-concept_23-2147843400.jpg", imageAlt: "Portfolio showcase design 4"},
id: "4", imageSrc: "http://img.b2bpic.net/free-vector/web-design-concept_23-2147843400.jpg", imageAlt: "Portfolio showcase design 4"
},
{
id: "5", imageSrc: "http://img.b2bpic.net/free-vector/modern-landing-page-with-abstract-design_23-2147999234.jpg", imageAlt: "Portfolio showcase design 5"},
id: "5", imageSrc: "http://img.b2bpic.net/free-vector/modern-landing-page-with-abstract-design_23-2147999234.jpg", imageAlt: "Portfolio showcase design 5"
},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg?_wi=1", imageAlt: "Portfolio showcase design 6"},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg?_wi=1", imageAlt: "Portfolio showcase design 6"
},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -94,7 +101,7 @@ export default function LandingPage() {
title: "User-Centered Design", description: "Building intuitive interfaces with a focus on user experience and accessibility.", icon: Users,
},
{
title: "Full-Stack Development", description: "Creating responsive, performant websites using modern technologies.", icon: Code,
title: "Modern Web Development", description: "Creating responsive, performant websites using cutting-edge technologies.", icon: Code,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg?_wi=2"
@@ -117,17 +124,23 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
features={[
{
id: "1", title: "Graphic Design", description: "Compelling visual designs including logos, illustrations, print materials, and digital assets.", imageSrc: "http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg", imageAlt: "Graphic Design"},
id: "1", title: "Graphic Design", description: "Compelling visual designs including logos, illustrations, print materials, and digital assets.", imageSrc: "http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg", imageAlt: "Graphic Design"
},
{
id: "2", title: "Branding & Identity", description: "Comprehensive brand strategies, visual identity systems, and brand guidelines.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-card-set-template_52683-45863.jpg", imageAlt: "Branding"},
id: "2", title: "Branding & Identity", description: "Comprehensive brand strategies, visual identity systems, and brand guidelines.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-card-set-template_52683-45863.jpg", imageAlt: "Branding"
},
{
id: "3", title: "UI/UX Design", description: "User-centered interface design with prototyping, wireframing, and usability testing.", imageSrc: "http://img.b2bpic.net/free-vector/flat-ui-ux-landing-page_23-2149054883.jpg", imageAlt: "UI/UX Design"},
id: "3", title: "UI/UX Design", description: "User-centered interface design with prototyping, wireframing, and usability testing.", imageSrc: "http://img.b2bpic.net/free-vector/flat-ui-ux-landing-page_23-2149054883.jpg", imageAlt: "UI/UX Design"
},
{
id: "4", title: "Website Design", description: "Aesthetic, responsive website designs that balance beauty with functionality.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_52683-70955.jpg", imageAlt: "Website Design"},
id: "4", title: "Website Design", description: "Aesthetic, responsive website designs that balance beauty with functionality.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_52683-70955.jpg", imageAlt: "Website Design"
},
{
id: "5", title: "Web Development", description: "Frontend and backend development using React, Next.js, and modern technologies.", imageSrc: "http://img.b2bpic.net/free-photo/turned-gray-laptop-computer_400718-47.jpg", imageAlt: "Web Development"},
id: "5", title: "Frontend Development", description: "React and Next.js development creating interactive, performant user interfaces.", imageSrc: "http://img.b2bpic.net/free-photo/turned-gray-laptop-computer_400718-47.jpg", imageAlt: "Frontend Development"
},
{
id: "6", title: "WordPress & Webflow", description: "CMS customization and no-code solutions for rapid, maintainable website deployment.", imageSrc: "http://img.b2bpic.net/free-vector/flat-cms-concept-web-template_23-2148800117.jpg", imageAlt: "WordPress & Webflow"},
id: "6", title: "WordPress & Webflow", description: "CMS customization and no-code solutions for rapid, maintainable website deployment.", imageSrc: "http://img.b2bpic.net/free-vector/flat-cms-concept-web-template_23-2148800117.jpg", imageAlt: "WordPress & Webflow"
},
]}
/>
</div>
@@ -144,11 +157,14 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1", name: "The Platinum Group - Print Design", price: "Corporate Branding", imageSrc: "http://img.b2bpic.net/free-vector/coloured-business-stationery_1164-686.jpg", imageAlt: "The Platinum Group print design work"},
id: "1", name: "The Platinum Group - Site Decor & Office Panels", price: "Interior Design", imageSrc: "http://img.b2bpic.net/free-vector/coloured-business-stationery_1164-686.jpg", imageAlt: "The Platinum Group site decor and office panels design"
},
{
id: "2", name: "Festival Creatives Campaign", price: "Event Design", imageSrc: "http://img.b2bpic.net/free-vector/festival-design-poster-template-concept_23-2148467585.jpg", imageAlt: "Festival creatives design campaign"},
id: "2", name: "Festival Creatives Campaign", price: "Event Design", imageSrc: "http://img.b2bpic.net/free-vector/festival-design-poster-template-concept_23-2148467585.jpg", imageAlt: "Festival creatives design campaign"
},
{
id: "3", name: "Modern SaaS Website", price: "Web Design & Dev", imageSrc: "http://img.b2bpic.net/free-psd/dancing-landing-page-template_23-2148470640.jpg", imageAlt: "SaaS website design project"},
id: "3", name: "Modern SaaS Website", price: "Web Design & Dev", imageSrc: "http://img.b2bpic.net/free-psd/dancing-landing-page-template_23-2148470640.jpg", imageAlt: "SaaS website design project"
},
]}
/>
</div>
@@ -166,17 +182,20 @@ export default function LandingPage() {
{
id: "1", badge: "Popular", badgeIcon: Star,
price: "Starting at $3K", subtitle: "Branding Package", features: [
"Complete brand identity system", "Logo design & variations", "Brand guidelines documentation", "Unlimited revisions", "3-month support included"],
"Complete brand identity system", "Logo design & variations", "Brand guidelines documentation", "Unlimited revisions", "3-month support included"
],
},
{
id: "2", badge: "Premium", badgeIcon: Sparkles,
price: "Starting at $8K", subtitle: "Web Design & Development", features: [
"Custom website design", "Responsive development", "CMS integration", "SEO optimization", "Post-launch support"],
"Custom website design", "Responsive development", "CMS integration", "SEO optimization", "Post-launch support"
],
},
{
id: "3", badge: "Enterprise", badgeIcon: Zap,
price: "Custom Quote", subtitle: "Full Design System", features: [
"Complete design system", "Multi-page website design", "App or platform design", "Advanced functionality", "Ongoing partnership"],
"Complete design system", "Multi-page website design", "App or platform design", "Advanced functionality", "Ongoing partnership"
],
},
]}
/>
@@ -192,17 +211,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Transformed Our Brand Identity", quote: "Alex completely reinvented our brand. The design system is intuitive, comprehensive, and perfectly captures our company's vision. Our clients immediately noticed the improvement.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "Sarah Johnson"},
id: "1", title: "Transformed Our Brand Identity", quote: "Alex completely reinvented our brand. The design system is intuitive, comprehensive, and perfectly captures our company's vision. Our clients immediately noticed the improvement.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "Sarah Johnson"
},
{
id: "2", title: "Exceptional Web Development", quote: "Working with Alex on our website redesign was seamless. The final product is lightning-fast, beautiful, and exactly what we envisioned. Highly professional and detail-oriented.", name: "Michael Chen", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg", imageAlt: "Michael Chen"},
id: "2", title: "Exceptional Web Development", quote: "Working with Alex on our website redesign was seamless. The final product is lightning-fast, beautiful, and exactly what we envisioned. Highly professional and detail-oriented.", name: "Michael Chen", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg", imageAlt: "Michael Chen"
},
{
id: "3", title: "Design Excellence & Collaboration", quote: "Alex's creative approach combined with technical expertise is unmatched. They understood our needs immediately and delivered beyond expectations. A true creative partner.", name: "Emily Rodriguez", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg", imageAlt: "Emily Rodriguez"},
id: "3", title: "Design Excellence & Collaboration", quote: "Alex's creative approach combined with technical expertise is unmatched. They understood our needs immediately and delivered beyond expectations. A true creative partner.", name: "Emily Rodriguez", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg", imageAlt: "Emily Rodriguez"
},
{
id: "4", title: "Outstanding UI/UX Design", quote: "The user experience design for our product was phenomenal. Alex's attention to detail and user-centered approach resulted in a 40% increase in user engagement.", name: "David Kim", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "David Kim"},
id: "4", title: "Outstanding UI/UX Design", quote: "The user experience design for our product was phenomenal. Alex's attention to detail and user-centered approach resulted in a 40% increase in user engagement.", name: "David Kim", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "David Kim"
},
{
id: "5", title: "Creative Vision & Execution", quote: "Alex brought our bold vision to life with stunning creative work. The campaign design was fresh, modern, and incredibly effective. We'll definitely work together again.", name: "Jessica Thompson", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg", imageAlt: "Jessica Thompson"},
id: "5", title: "Creative Vision & Execution", quote: "Alex brought our bold vision to life with stunning creative work. The campaign design was fresh, modern, and incredibly effective. We'll definitely work together again.", name: "Jessica Thompson", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg", imageAlt: "Jessica Thompson"
},
{
id: "6", title: "Reliable & Professional", quote: "Alex is not just a talented designer but also a reliable professional. Responsive, proactive problem-solver, and consistently delivers quality work on time. Highly recommended.", name: "Robert Martinez", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Robert Martinez"},
id: "6", title: "Reliable & Professional", quote: "Alex is not just a talented designer but also a reliable professional. Responsive, proactive problem-solver, and consistently delivers quality work on time. Highly recommended.", name: "Robert Martinez", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Robert Martinez"
},
]}
/>
</div>
@@ -212,7 +237,8 @@ export default function LandingPage() {
ctaTitle="Ready to Start Your Project?"
ctaDescription="Let's discuss your vision and how I can help bring it to life with exceptional design and development."
ctaButton={{
text: "Schedule a Call", href: "mailto:hello@alexcreative.com"}}
text: "Schedule a Call", href: "mailto:hello@alexcreative.com"
}}
ctaIcon={MessageCircle}
useInvertedBackground={true}
animationType="slide-up"
@@ -220,15 +246,20 @@ export default function LandingPage() {
showCard={true}
faqs={[
{
id: "1", title: "What is your typical project turnaround?", content: "Project timelines vary based on complexity and scope. Branding projects typically take 4-6 weeks, website design 8-12 weeks, and full-stack development 12-16 weeks. We'll establish a clear timeline during our initial consultation."},
id: "1", title: "What is your typical project turnaround?", content: "Project timelines vary based on complexity and scope. Branding projects typically take 4-6 weeks, website design 8-12 weeks, and full-stack development 12-16 weeks. We'll establish a clear timeline during our initial consultation."
},
{
id: "2", title: "Do you work with international clients?", content: "Absolutely! I work with clients worldwide. We communicate via email, video calls, and project management tools. Time zone differences are never an issue thanks to asynchronous collaboration."},
id: "2", title: "Do you work with international clients?", content: "Absolutely! I work with clients worldwide. We communicate via email, video calls, and project management tools. Time zone differences are never an issue thanks to asynchronous collaboration."
},
{
id: "3", title: "What's included in your design process?", content: "My process includes discovery and strategy, mood boards and concepts, design iterations with feedback, final refinements, and deliverables. I believe in collaboration at every stage to ensure your vision is realized."},
id: "3", title: "What's included in your design process?", content: "My process includes discovery and strategy, mood boards and concepts, design iterations with feedback, final refinements, and deliverables. I believe in collaboration at every stage to ensure your vision is realized."
},
{
id: "4", title: "Can you handle revisions after project delivery?", content: "Yes! I include revision rounds in my project packages. Post-project support is also available at an hourly rate. Your satisfaction is my priority."},
id: "4", title: "Can you handle revisions after project delivery?", content: "Yes! I include revision rounds in my project packages. Post-project support is also available at an hourly rate. Your satisfaction is my priority."
},
{
id: "5", title: "What technologies do you use for web development?", content: "I specialize in React, Next.js, TypeScript, Tailwind CSS, and Node.js for modern web applications. I also work with WordPress and Webflow for CMS-based solutions. Technology selection depends on project requirements."},
id: "5", title: "What technologies do you use for web development?", content: "I specialize in React, Next.js, TypeScript, Tailwind CSS, and Node.js for modern web applications. I also work with WordPress and Webflow for CMS-based solutions. Technology selection depends on project requirements."
},
]}
/>
</div>