bender/13eceadb-9a60-442e-bfdb-f396c96bc6f8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-26 14:09:14 +00:00
Conversation 0 Commits 2 Files Changed 2 +45 -260
2 changed files with 45 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

291
src/app/page.tsx
View File

@@ -7,13 +7,11 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CheckCircle, Users } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Portfolio",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Portfolio", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Kinza Design"
/>
@@ -61,42 +44,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Kinza Graphic Designer"
description="Professional, custom graphic design services tailored to grow your local business. High-quality branding and design that makes an impact."
description="Professional, custom graphic design services tailored to grow your local business. High-quality branding and design that makes an impact. Email: fatimakinza673@gmail.com"
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "View Portfolio",
href: "#products",
},
{ text: "Get a Free Quote", href: "#contact" },
{ text: "View Portfolio", href: "#products" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916706.jpg",
imageAlt: "Designer studio workspace 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg",
imageAlt: "Designer studio workspace 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320709.jpg",
imageAlt: "Designer studio workspace 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
imageAlt: "Designer studio workspace 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-sitting-desk-laptop-phone-office-auditorium_78826-2412.jpg",
imageAlt: "Designer studio workspace 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-120252.jpg",
imageAlt: "Designer studio workspace 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916706.jpg", imageAlt: "Designer studio workspace 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg", imageAlt: "Designer studio workspace 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320709.jpg", imageAlt: "Designer studio workspace 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "Designer studio workspace 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-sitting-desk-laptop-phone-office-auditorium_78826-2412.jpg", imageAlt: "Designer studio workspace 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-120252.jpg", imageAlt: "Designer studio workspace 6" },
]}
/>
</div>
@@ -108,20 +67,10 @@ export default function LandingPage() {
title="Creative Solutions for Your Business"
description="I'm Kinza, a passionate graphic designer dedicated to helping local businesses stand out. With a focus on clean, modern, and effective design, I turn your vision into professional assets that drive results."
bulletPoints={[
{
title: "Custom Designs",
description: "Tailored solutions for your specific business goals.",
},
{
title: "Fast Turnaround",
description: "Efficient processes without sacrificing quality.",
},
{
title: "Local Focus",
description: "Personalized service for our community businesses.",
},
{ title: "Custom Designs", description: "Tailored solutions for your specific business goals." },
{ title: "Fast Turnaround", description: "Efficient processes without sacrificing quality." },
{ title: "Local Focus", description: "Personalized service for our community businesses." },
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705892.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -133,21 +82,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Logo Design",
description: "Unique logos that represent your brand identity perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/branding-copyright-design-spaceship-graphic-concept_53876-120958.jpg",
},
{
title: "Branding & Identity",
description: "Cohesive brand systems that build trust and loyalty.",
imageSrc: "http://img.b2bpic.net/free-vector/social-media-black-icons_23-2147492918.jpg",
},
{
title: "Social Media Graphics",
description: "Engaging visuals designed for social media growth.",
imageSrc: "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148062515.jpg",
},
{ title: "Logo Design", description: "Unique logos that represent your brand identity perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/branding-copyright-design-spaceship-graphic-concept_53876-120958.jpg" },
{ title: "Branding & Identity", description: "Cohesive brand systems that build trust and loyalty.", imageSrc: "http://img.b2bpic.net/free-vector/social-media-black-icons_23-2147492918.jpg" },
{ title: "Social Media Graphics", description: "Engaging visuals designed for social media growth.", imageSrc: "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148062515.jpg" },
]}
title="Comprehensive Design Services"
description="Everything your business needs to build a strong professional identity."
@@ -161,128 +98,27 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Corporate Stationery",
price: "From $200",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-business-card-branding-identity_53876-126757.jpg",
},
{
id: "p2",
name: "Minimalist Logo",
price: "From $150",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440908.jpg",
},
{
id: "p3",
name: "Social Campaign Set",
price: "From $300",
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-billboard_53876-120348.jpg",
},
{
id: "p4",
name: "Custom Flyers",
price: "From $100",
imageSrc: "http://img.b2bpic.net/free-photo/realistic-blank-business-card-sustainability-eco-industry-marble_53876-143159.jpg",
},
{
id: "p5",
name: "Brand Identity System",
price: "From $500",
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-making-blueprints_23-2147785476.jpg",
},
{
id: "p6",
name: "Website Banners",
price: "From $120",
imageSrc: "http://img.b2bpic.net/free-photo/art-concept-with-smartphone-pencils_23-2147653186.jpg",
},
{ id: "p1", name: "Corporate Stationery", price: "From $200", imageSrc: "http://img.b2bpic.net/free-photo/minimal-business-card-branding-identity_53876-126757.jpg" },
{ id: "p2", name: "Minimalist Logo", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440908.jpg" },
{ id: "p3", name: "Social Campaign Set", price: "From $300", imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-billboard_53876-120348.jpg" },
{ id: "p4", name: "Custom Flyers", price: "From $100", imageSrc: "http://img.b2bpic.net/free-photo/realistic-blank-business-card-sustainability-eco-industry-marble_53876-143159.jpg" },
{ id: "p5", name: "Brand Identity System", price: "From $500", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-making-blueprints_23-2147785476.jpg" },
{ id: "p6", name: "Website Banners", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/art-concept-with-smartphone-pencils_23-2147653186.jpg" },
]}
title="Our Work"
description="Check out some of our latest projects and see the quality of work we deliver."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
title: "Projects Completed",
description: "Successfully launched designs.",
icon: CheckCircle,
},
{
id: "m2",
value: "50+",
title: "Local Clients",
description: "Businesses trusted me.",
icon: Users,
},
{
id: "m3",
value: "100%",
title: "Satisfaction",
description: "Commitment to excellence.",
icon: Award,
},
]}
title="By The Numbers"
description="Proven results for local businesses."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
handle: "@sarahbiz",
testimonial: "Kinza transformed our brand identity completely. Professional and efficient!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-business-people-high-fiving-outdoors_1262-19187.jpg",
},
{
id: "t2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Excellent design services, delivered exactly what we needed on time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
},
{
id: "t3",
name: "Emily Davis",
handle: "@emilyd",
testimonial: "Kinza is the best graphic designer in the city. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg",
},
{
id: "t4",
name: "John Smith",
handle: "@jsmith",
testimonial: "Professional work, clear communication, and great results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
},
{
id: "t5",
name: "Alex River",
handle: "@ariver",
testimonial: "Super creative, handled our branding with great care.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
},
{ id: "t1", name: "Sarah Miller", handle: "@sarahbiz", testimonial: "Kinza transformed our brand identity completely. Professional and efficient!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-business-people-high-fiving-outdoors_1262-19187.jpg" },
{ id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Excellent design services, delivered exactly what we needed on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
{ id: "t3", name: "Emily Davis", handle: "@emilyd", testimonial: "Kinza is the best graphic designer in the city. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg" },
]}
showRating={true}
title="Client Stories"
@@ -294,15 +130,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechStar",
"FinanceHub",
"RetailWorld",
"DesignFirm",
"AgencyMedia",
"CoffeeHouse",
"FitnessLab",
]}
names={["TechStar", "FinanceHub", "RetailWorld", "DesignFirm", "AgencyMedia"]}
title="Trusted By Local Leaders"
description="I've had the pleasure of working with these amazing companies."
/>
@@ -312,21 +140,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "What design services do you offer?",
content: "I offer logo design, branding, social media graphics, and print design.",
},
{
id: "f2",
title: "How long does a project take?",
content: "Most projects take 3-5 business days depending on complexity.",
},
{
id: "f3",
title: "How do we get started?",
content: "Send me a message via the form, and I'll schedule a consultation.",
},
{ id: "f1", title: "What design services do you offer?", content: "I offer logo design, branding, social media graphics, and print design." },
{ id: "f2", title: "How long does a project take?", content: "Most projects take 3-5 business days depending on complexity." },
{ id: "f3", title: "How do we get started?", content: "Send me a message via the form, and I'll schedule a consultation." },
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
@@ -336,13 +152,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Let's Talk"
title="Ready to Start Your Project?"
description="Fill out the form and I'll get back to you within 24 hours."
imageSrc="http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg"
description="Fill out the form and I'll get back to you within 24 hours. You can also reach me directly at fatimakinza673@gmail.com"
mediaAnimation="slide-up"
/>
</div>
@@ -351,40 +164,12 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Kinza Graphic Designer"
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Services",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);