bender/b163ddcf-6e40-4530-8721-12763aa3666b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-11 11:59:15 +00:00
Conversation 0 Commits 2 Files Changed 2 +56 -64
2 changed files with 56 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/app/page.tsx
View File

@@ -10,17 +10,17 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, BarChart3, Briefcase, Code, CreditCard, Github, Instagram, Lightbulb, Linkedin, MessageCircle, Monitor, Package, Palette, Pen, Share2, ShoppingCart, Smartphone, Sparkles, Star, TrendingUp, Twitter, Users, Zap } from 'lucide-react';
import { Award, BarChart3, Briefcase, Code, CreditCard, Github, Instagram, Lightbulb, Linkedin, MessageCircle, Monitor, Package, Palette, Pen, Share2, ShoppingCart, Smartphone, Sparkles, Star, TrendingUp, Twitter, Users, Zap, Layout, Smile, Layers } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
@@ -30,7 +30,7 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Services", id: "services" },
{ name: "Process", id: "process" },
{ name: "Work", id: "testimonials" }
]}
@@ -46,7 +46,7 @@ export default function LandingPage() {
<HeroSplitKpi
title="We transform bold ideas into digital experiences that matter"
description="Creative web agency specializing in innovative design, strategic branding, and cutting-edge digital solutions for ambitious brands ready to stand out"
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "150+", label: "Projects Delivered" },
{ value: "45", label: "Team Members" },
@@ -55,13 +55,13 @@ export default function LandingPage() {
enableKpiAnimation={true}
tag="Creative Agency"
tagIcon={Sparkles}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
buttons={[
{ text: "View Our Work", href: "#testimonials" },
{ text: "Get Started", href: "#contact" }
]}
buttonAnimation="entrance-slide"
imageSrc="http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg?_wi=1"
buttonAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg"
imageAlt="Creative Agency Dashboard"
mediaAnimation="slide-up"
/>
@@ -71,12 +71,12 @@ export default function LandingPage() {
<TextAbout
tag="Who We Are"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
title="We're a team of creative strategists, designers, and developers obsessed with building brands that inspire action and drive results through purposeful design"
buttons={[
{ text: "Explore Our Approach", href: "#process" }
]}
buttonAnimation="entrance-slide"
buttonAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
@@ -86,15 +86,15 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Discovery", title: "Strategic Planning", subtitle: "Understanding your vision and market", description: "We dive deep into your business goals, target audience, and competitive landscape. Through collaborative workshops and research, we develop a comprehensive strategy that aligns design with business objectives and creates a clear roadmap for success.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-near-colleagues-with-blueprint_23-2147808074.jpg?_wi=1", imageAlt: "Strategic Planning Workshop"
tag: "Discovery", title: "Strategic Planning", subtitle: "Understanding your vision and market", description: "We dive deep into your business goals, target audience, and competitive landscape. Through collaborative workshops and research, we develop a comprehensive strategy that aligns design with business objectives and creates a clear roadmap for success.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-near-colleagues-with-blueprint_23-2147808074.jpg", imageAlt: "Strategic Planning Workshop"
},
{
id: 2,
tag: "Creation", title: "Design & Development", subtitle: "Bringing concepts to life with precision", description: "Our team transforms strategy into stunning visual designs and robust technical solutions. We craft user-centric experiences with meticulous attention to detail, ensuring every pixel serves a purpose and every interaction feels intuitive and delightful.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sketching-web-design_23-2149930947.jpg?_wi=1", imageAlt: "Design Execution Process"
tag: "Creation", title: "Design & Development", subtitle: "Bringing concepts to life with precision", description: "Our team transforms strategy into stunning visual designs and robust technical solutions. We craft user-centric experiences with meticulous attention to detail, ensuring every pixel serves a purpose and every interaction feels intuitive and delightful.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sketching-web-design_23-2149930947.jpg", imageAlt: "Design Execution Process"
},
{
id: 3,
tag: "Launch", title: "Delivery & Support", subtitle: "Launch with confidence and ongoing partnership", description: "We don't just deliver projects; we launch experiences. With comprehensive testing, seamless deployment, and post-launch optimization, we ensure your digital product performs flawlessly. Our team remains your partner for ongoing improvements and strategic growth.", imageSrc: "http://img.b2bpic.net/free-vector/startup-landing-page-with-rocket_52683-8588.jpg?_wi=1", imageAlt: "Project Launch and Delivery"
tag: "Launch", title: "Delivery & Support", subtitle: "Launch with confidence and ongoing partnership", description: "We don't just deliver projects; we launch experiences. With comprehensive testing, seamless deployment, and post-launch optimization, we ensure your digital product performs flawlessly. Our team remains your partner for ongoing improvements and strategic growth.", imageSrc: "http://img.b2bpic.net/free-vector/startup-landing-page-with-rocket_52683-8588.jpg", imageAlt: "Project Launch and Delivery"
}
]}
title="Our Creative Process"
@@ -103,8 +103,8 @@ export default function LandingPage() {
useInvertedBackground={false}
tag="How We Work"
tagIcon={Lightbulb}
tagAnimation="entrance-slide"
buttonAnimation="entrance-slide"
tagAnimation="slide-up"
buttonAnimation="blur-reveal"
/>
</div>
@@ -132,7 +132,7 @@ export default function LandingPage() {
useInvertedBackground={false}
tag="Our Impact"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
/>
</div>
@@ -164,7 +164,7 @@ export default function LandingPage() {
useInvertedBackground={false}
tag="Testimonials"
tagIcon={MessageCircle}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
/>
</div>
@@ -172,7 +172,7 @@ export default function LandingPage() {
<FeatureCardTen
features={[
{
id: "1", title: "Brand Strategy & Identity", description: "We develop comprehensive brand strategies that resonate with your target audience. From logo design to complete brand guidelines, we create cohesive visual identities that communicate your core values and differentiate you in the market.", media: { imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg?_wi=2" },
id: "1", title: "Brand Strategy & Identity", description: "We develop comprehensive brand strategies that resonate with your target audience. From logo design to complete brand guidelines, we create cohesive visual identities that communicate your core values and differentiate you in the market.", media: { imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg" },
items: [
{ icon: Palette, text: "Visual Identity Design" },
{ icon: Pen, text: "Brand Strategy & Positioning" },
@@ -181,7 +181,7 @@ export default function LandingPage() {
reverse: false
},
{
id: "2", title: "Web Design & Development", description: "Custom websites that blend stunning design with powerful functionality. Our team builds responsive, performant digital experiences optimized for conversions and user engagement across all devices.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-near-colleagues-with-blueprint_23-2147808074.jpg?_wi=2" },
id: "2", title: "Web Design & Development", description: "Custom websites that blend stunning design with powerful functionality. Our team builds responsive, performant digital experiences optimized for conversions and user engagement across all devices.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-near-colleagues-with-blueprint_23-2147808074.jpg" },
items: [
{ icon: Monitor, text: "Responsive Web Design" },
{ icon: Code, text: "Modern Web Development" },
@@ -190,7 +190,7 @@ export default function LandingPage() {
reverse: true
},
{
id: "3", title: "Digital Marketing & Analytics", description: "Strategic digital campaigns that drive traffic, engagement, and conversions. We combine creative content with data-driven insights to build marketing strategies that deliver measurable ROI.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sketching-web-design_23-2149930947.jpg?_wi=2" },
id: "3", title: "Digital Marketing & Analytics", description: "Strategic digital campaigns that drive traffic, engagement, and conversions. We combine creative content with data-driven insights to build marketing strategies that deliver measurable ROI.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sketching-web-design_23-2149930947.jpg" },
items: [
{ icon: TrendingUp, text: "SEO & Content Strategy" },
{ icon: BarChart3, text: "Analytics & Reporting" },
@@ -199,16 +199,16 @@ export default function LandingPage() {
reverse: false
},
{
id: "4", title: "UX/UI Design & Research", description: "User-centered design that solves problems and delights users. Through research, wireframing, and iterative design, we create intuitive interfaces that maximize usability and drive engagement.", media: { imageSrc: "http://img.b2bpic.net/free-vector/startup-landing-page-with-rocket_52683-8588.jpg?_wi=2" },
id: "4", title: "UX/UI Design & Research", description: "User-centered design that solves problems and delights users. Through research, wireframing, and iterative design, we create intuitive interfaces that maximize usability and drive engagement.", media: { imageSrc: "http://img.b2bpic.net/free-vector/startup-landing-page-with-rocket_52683-8588.jpg" },
items: [
{ icon: Users, text: "User Research & Testing" },
{ icon: Monitor, text: "Interface Design & Prototyping" },
{ icon: Zap, text: "Usability Optimization" }
{ icon: Layout, text: "Interface Design & Prototyping" },
{ icon: Smile, text: "Usability Optimization" }
],
reverse: true
},
{
id: "5", title: "E-commerce Solutions", description: "Complete e-commerce platforms designed to convert visitors into customers. From product showcases to payment integration, we build scalable solutions that drive sales and customer loyalty.", media: { imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg?_wi=3" },
id: "5", title: "E-commerce Solutions", description: "Complete e-commerce platforms designed to convert visitors into customers. From product showcases to payment integration, we build scalable solutions that drive sales and customer loyalty.", media: { imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg" },
items: [
{ icon: ShoppingCart, text: "Platform Development" },
{ icon: CreditCard, text: "Payment Integration" },
@@ -217,11 +217,11 @@ export default function LandingPage() {
reverse: false
},
{
id: "6", title: "Mobile App Development", description: "Native and cross-platform mobile applications that engage users and drive business growth. We design and develop apps that are intuitive, performant, and focused on delivering exceptional user experiences.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-near-colleagues-with-blueprint_23-2147808074.jpg?_wi=3" },
id: "6", title: "Mobile App Development", description: "Native and cross-platform mobile applications that engage users and drive business growth. We design and develop apps that are intuitive, performant, and focused on delivering exceptional user experiences.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-near-colleagues-with-blueprint_23-2147808074.jpg" },
items: [
{ icon: Smartphone, text: "iOS & Android Development" },
{ icon: Zap, text: "Performance & Security" },
{ icon: Monitor, text: "App Maintenance & Support" }
{ icon: Layers, text: "App Maintenance & Support" }
],
reverse: true
}
@@ -230,7 +230,7 @@ export default function LandingPage() {
description="Comprehensive creative and digital solutions tailored to elevate your brand"
tag="What We Offer"
tagIcon={Briefcase}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
@@ -240,12 +240,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
text="Ready to bring your creative vision to life? Let's collaborate and create something extraordinary that resonates with your audience and drives measurable results for your business."
animationType="entrance-slide"
animationType="reveal-blur"
buttons={[
{ text: "Start Your Project", href: "#" },
{ text: "Schedule Consultation", href: "#" }
]}
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
/>
</div>

62
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,43 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontWeight?: number | string;
fill?: string;
fontFamily?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 24,
fontWeight = 700,
fill = 'currentColor',
fontFamily = 'system-ui, -apple-system, sans-serif',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
className={className}
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-label={`${logoText} logo`}
aria-label={text}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
y={fontSize}
fontSize={fontSize}
fontWeight={fontWeight}
fill={fill}
fontFamily={fontFamily}
dominantBaseline="hanging"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;