bender/afbdc0fa-df82-42ed-90e7-ed0fce445f5d
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-08 12:46:39 +00:00
parent 13b10f8919 5ca30b43cb
commit e1e996cb89
1 changed files with 75 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

331
src/app/page.tsx
View File

@@ -12,6 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Brush, Code, Palette, Search } from 'lucide-react';
export default function LandingPage() {
return (
@@ -32,37 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Skills",
id: "features",
},
name: "Skills", id: "features"},
{
name: "Impact",
id: "metrics",
},
name: "Impact", id: "metrics"},
{
name: "Clients",
id: "social-proof",
},
name: "Clients", id: "social-proof"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Diez Jessy"
/>
@@ -72,64 +57,34 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Diez Jessy: Crafting Digital Excellence"
description="Passionate designer and developer focused on creating intuitive and visually stunning web experiences. Bringing your ideas to life with precision and creativity."
testimonials={[
{
name: "Alex K.",
handle: "@alexk_design",
testimonial: "Jessy transformed our vision into a stunning website. Exceptional quality and communication throughout the project!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg",
imageAlt: "Alex K. testimonial avatar",
},
name: "Alex K.", handle: "@alexk_design", testimonial: "Jessy transformed our vision into a stunning website. Exceptional quality and communication throughout the project!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg", imageAlt: "Alex K. testimonial avatar"},
{
name: "Samantha L.",
handle: "@samanthal_dev",
testimonial: "Highly recommend Diez for any web development needs. Professional, efficient, and delivers beyond expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-smiling_74855-3248.jpg",
imageAlt: "Samantha L. testimonial avatar",
},
name: "Samantha L.", handle: "@samanthal_dev", testimonial: "Highly recommend Diez for any web development needs. Professional, efficient, and delivers beyond expectations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-smiling_74855-3248.jpg", imageAlt: "Samantha L. testimonial avatar"},
{
name: "Mark D.",
handle: "@mark_digital",
testimonial: "Outstanding design and front-end work. Diez captured our brand essence perfectly and delivered a flawless user experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116374.jpg",
imageAlt: "confident outline business side face male",
},
name: "Mark D.", handle: "@mark_digital", testimonial: "Outstanding design and front-end work. Diez captured our brand essence perfectly and delivered a flawless user experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116374.jpg", imageAlt: "confident outline business side face male"},
{
name: "Emily R.",
handle: "@emilyr_ux",
testimonial: "A true professional! From concept to launch, Diez was an invaluable partner, exceeding our expectations with innovation and skill.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/furious-business-leader-angry-with-negative-review_1262-14939.jpg",
imageAlt: "Cheerful boss sitting with a newspaper on the table",
},
name: "Emily R.", handle: "@emilyr_ux", testimonial: "A true professional! From concept to launch, Diez was an invaluable partner, exceeding our expectations with innovation and skill.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/furious-business-leader-angry-with-negative-review_1262-14939.jpg", imageAlt: "Cheerful boss sitting with a newspaper on the table"},
{
name: "Chris P.",
handle: "@chrisp_dev",
testimonial: "Diez's expertise in React and Next.js is evident. Our new application is fast, scalable, and a pleasure to use. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
imageAlt: "Confident senior executive looking at camera",
},
name: "Chris P.", handle: "@chrisp_dev", testimonial: "Diez's expertise in React and Next.js is evident. Our new application is fast, scalable, and a pleasure to use. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "Confident senior executive looking at camera"},
]}
testimonialRotationInterval={5000}
tagAnimation="none"
buttons={[
{
text: "View Portfolio",
href: "#features",
},
text: "View Portfolio", href: "#features"},
{
text: "Get in Touch",
href: "#contact",
},
text: "Get in Touch", href: "#contact"},
]}
buttonAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/teleworker-using-laptop-coding-software-developing_482257-124274.jpg"
@@ -138,53 +93,28 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
alt: "Smiling young businessman in suit looking at camera at meeting",
},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Smiling young businessman in suit looking at camera at meeting"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-wireless-earphones-sitting_574295-3784.jpg",
alt: "Girl sitting at the table and holding mobile phone indoors",
},
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-wireless-earphones-sitting_574295-3784.jpg", alt: "Girl sitting at the table and holding mobile phone indoors"},
{
src: "http://img.b2bpic.net/free-photo/woman-shirt-showing-ok-sign_171337-17166.jpg",
alt: "Woman showing the ok sign",
},
src: "http://img.b2bpic.net/free-photo/woman-shirt-showing-ok-sign_171337-17166.jpg", alt: "Woman showing the ok sign"},
{
src: "http://img.b2bpic.net/free-photo/portrait-senior-man-chatting-listening-remote-teamwork-video-call-working-from-home-elderly-person-using-internet-online-chat-technology-webcam-making-virtual-meeting-call-connection_482257-15992.jpg",
alt: "Mature man sitting at his desk",
},
src: "http://img.b2bpic.net/free-photo/portrait-senior-man-chatting-listening-remote-teamwork-video-call-working-from-home-elderly-person-using-internet-online-chat-technology-webcam-making-virtual-meeting-call-connection_482257-15992.jpg", alt: "Mature man sitting at his desk"},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-looking-up-amazed-surprised-bedroom-interior_141793-102365.jpg",
alt: "Woman in bed showing OK gesture",
},
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-looking-up-amazed-surprised-bedroom-interior_141793-102365.jpg", alt: "Woman in bed showing OK gesture"},
]}
avatarText="Join over 150 satisfied clients"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/people-group-colorful-gradient-logo_343694-1962.jpg",
alt: "abstract corporate logo design",
},
type: "image", src: "http://img.b2bpic.net/free-vector/people-group-colorful-gradient-logo_343694-1962.jpg", alt: "abstract corporate logo design"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/technology-logo-template-with-abstract-shapes_23-2148240848.jpg",
alt: "modern tech company emblem",
},
type: "image", src: "http://img.b2bpic.net/free-vector/technology-logo-template-with-abstract-shapes_23-2148240848.jpg", alt: "modern tech company emblem"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148854301.jpg",
alt: "financial services company logo",
},
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148854301.jpg", alt: "financial services company logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/study-knowledge-academics-institute-graphic_53876-124507.jpg",
alt: "education platform logo academic",
},
type: "image", src: "http://img.b2bpic.net/free-photo/study-knowledge-academics-institute-graphic_53876-124507.jpg", alt: "education platform logo academic"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/patient-doctor-privilegeyoung-woman-healthcare-worker-showing-mouth-seal-zipper-gesture-standing-white-coat-against-torquoise-background_1258-123242.jpg",
alt: "healthcare clinic logo medical",
},
type: "image", src: "http://img.b2bpic.net/free-photo/patient-doctor-privilegeyoung-woman-healthcare-worker-showing-mouth-seal-zipper-gesture-standing-white-coat-against-torquoise-background_1258-123242.jpg", alt: "healthcare clinic logo medical"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -202,17 +132,11 @@ export default function LandingPage() {
buttonAnimation="none"
bulletPoints={[
{
title: "Design Thinking",
description: "Applying human-centered design principles to create intuitive user experiences.",
},
title: "Design Thinking", description: "Applying human-centered design principles to create intuitive user experiences."},
{
title: "Technical Expertise",
description: "Proficient in front-end development with a focus on React, Next.js, and modern CSS.",
},
title: "Technical Expertise", description: "Proficient in front-end development with a focus on React, Next.js, and modern CSS."},
{
title: "Project Management",
description: "Ensuring smooth project execution from concept to deployment.",
},
title: "Project Management", description: "Ensuring smooth project execution from concept to deployment."},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-writing-sticker-with-marker-concentrated-professional-curly-female-manager-sharing-idea-project-making-note_74855-6746.jpg"
imageAlt="Diez Jessy sketching new design ideas"
@@ -226,37 +150,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "UI/UX Design",
description: "Crafting intuitive interfaces and seamless user experiences from wireframes to high-fidelity prototypes.",
imageSrc: "http://img.b2bpic.net/free-photo/writing-work-process_53876-137653.jpg",
imageAlt: "UI/UX design interface sketch",
buttonIcon: "Brush",
buttonHref: "#",
},
title: "UI/UX Design", description: "Crafting intuitive interfaces and seamless user experiences from wireframes to high-fidelity prototypes.", imageSrc: "http://img.b2bpic.net/free-photo/writing-work-process_53876-137653.jpg", imageAlt: "UI/UX design interface sketch", buttonIcon: Brush,
buttonHref: "#"},
{
title: "Front-End Development",
description: "Building responsive, high-performance web applications using modern frameworks like React and Next.js.",
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",
imageAlt: "Front end development code editor",
buttonIcon: "Code",
buttonHref: "#",
},
title: "Front-End Development", description: "Building responsive, high-performance web applications using modern frameworks like React and Next.js.", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg", imageAlt: "Front end development code editor", buttonIcon: Code,
buttonHref: "#"},
{
title: "Brand & Graphic Design",
description: "Developing strong brand identities and compelling visual assets that resonate with your audience.",
imageSrc: "http://img.b2bpic.net/free-photo/party-hat-white_23-2147747721.jpg",
imageAlt: "Brand identity design logo concept",
buttonIcon: "Palette",
buttonHref: "#",
},
title: "Brand & Graphic Design", description: "Developing strong brand identities and compelling visual assets that resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-photo/party-hat-white_23-2147747721.jpg", imageAlt: "Brand identity design logo concept", buttonIcon: Palette,
buttonHref: "#"},
{
title: "SEO Optimization",
description: "Implementing strategies to enhance your online visibility and drive organic traffic to your digital platforms.",
imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040206.jpg",
imageAlt: "SEO optimization keywords research",
buttonIcon: "Search",
buttonHref: "#",
},
title: "SEO Optimization", description: "Implementing strategies to enhance your online visibility and drive organic traffic to your digital platforms.", imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040206.jpg", imageAlt: "SEO optimization keywords research", buttonIcon: Search,
buttonHref: "#"},
]}
title="My Core Skills"
description="A comprehensive skill set enabling end-to-end digital product development and design."
@@ -272,31 +176,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "years",
value: "8+",
title: "Years of Experience",
items: [
"Honing skills since 2016",
"Delivering robust solutions",
],
id: "years", value: "8+", title: "Years of Experience", items: [
"Honing skills since 2016", "Delivering robust solutions"],
},
{
id: "projects",
value: "150+",
title: "Projects Completed",
items: [
"Successful launches across industries",
"Diverse portfolio of work",
],
id: "projects", value: "150+", title: "Projects Completed", items: [
"Successful launches across industries", "Diverse portfolio of work"],
},
{
id: "satisfaction",
value: "98%",
title: "Client Satisfaction",
items: [
"Exceeding expectations consistently",
"Building lasting relationships",
],
id: "satisfaction", value: "98%", title: "Client Satisfaction", items: [
"Exceeding expectations consistently", "Building lasting relationships"],
},
]}
title="My Professional Impact"
@@ -311,14 +200,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"InnovateCorp",
"Global Dynamics",
"Future Solutions",
"Creative Hub",
"Apex Digital",
"Visionary Tech",
"Synergy Labs",
]}
"InnovateCorp", "Global Dynamics", "Future Solutions", "Creative Hub", "Apex Digital", "Visionary Tech", "Synergy Labs"]}
title="Trusted by Leading Brands"
description="Partnerships that speak volumes about quality and reliability."
tagAnimation="none"
@@ -336,50 +218,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Olivia Miller",
role: "CEO",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
imageAlt: "Olivia Miller profile picture",
},
id: "1", name: "Olivia Miller", role: "CEO", company: "GrowthCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", imageAlt: "Olivia Miller profile picture"},
{
id: "2",
name: "Noah Davis",
role: "Marketing Director",
company: "BrightSpark",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
imageAlt: "Noah Davis profile picture",
},
id: "2", name: "Noah Davis", role: "Marketing Director", company: "BrightSpark", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg", imageAlt: "Noah Davis profile picture"},
{
id: "3",
name: "Isabella Garcia",
role: "Founder",
company: "InnovateX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",
imageAlt: "Isabella Garcia profile picture",
},
id: "3", name: "Isabella Garcia", role: "Founder", company: "InnovateX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg", imageAlt: "Isabella Garcia profile picture"},
{
id: "4",
name: "Ethan Brown",
role: "Product Lead",
company: "VisionLabs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",
imageAlt: "Ethan Brown profile picture",
},
id: "4", name: "Ethan Brown", role: "Product Lead", company: "VisionLabs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg", imageAlt: "Ethan Brown profile picture"},
{
id: "5",
name: "Sophia Wilson",
role: "Creative Lead",
company: "Artistic Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
imageAlt: "Sophia Wilson profile picture",
},
id: "5", name: "Sophia Wilson", role: "Creative Lead", company: "Artistic Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg", imageAlt: "Sophia Wilson profile picture"},
]}
title="What Clients Say"
description="Hear directly from those who have experienced exceptional service and results."
@@ -393,25 +245,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What services do you offer?",
content: "I offer UI/UX design, front-end web development, brand identity design, and SEO optimization. My focus is on creating holistic digital solutions.",
},
id: "q1", title: "What services do you offer?", content: "I offer UI/UX design, front-end web development, brand identity design, and SEO optimization. My focus is on creating holistic digital solutions."},
{
id: "q2",
title: "What is your typical project timeline?",
content: "Project timelines vary depending on scope and complexity. A typical website design and development project can range from 4 to 12 weeks. We'll discuss a detailed timeline during our initial consultation.",
},
id: "q2", title: "What is your typical project timeline?", content: "Project timelines vary depending on scope and complexity. A typical website design and development project can range from 4 to 12 weeks. We'll discuss a detailed timeline during our initial consultation."},
{
id: "q3",
title: "How do you handle client communication?",
content: "I prioritize clear and consistent communication. We'll use a combination of email, video calls, and a dedicated project management tool to ensure you're always updated on progress and can provide feedback effectively.",
},
id: "q3", title: "How do you handle client communication?", content: "I prioritize clear and consistent communication. We'll use a combination of email, video calls, and a dedicated project management tool to ensure you're always updated on progress and can provide feedback effectively."},
{
id: "q4",
title: "What technologies do you specialize in?",
content: "My expertise primarily lies in modern web technologies including React, Next.js, TypeScript, Tailwind CSS, and various headless CMS platforms. I stay updated with the latest industry trends.",
},
id: "q4", title: "What technologies do you specialize in?", content: "My expertise primarily lies in modern web technologies including React, Next.js, TypeScript, Tailwind CSS, and various headless CMS platforms. I stay updated with the latest industry trends."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common inquiries about my services, process, and more."
@@ -426,18 +266,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Let's Create Something Amazing Together"
buttons={[
{
text: "Send an Email",
href: "mailto:diezjessy@example.com",
},
text: "Send an Email", href: "mailto:diezjessy@example.com"},
{
text: "Schedule a Call",
href: "#",
},
text: "Schedule a Call", href: "#"},
]}
/>
</div>
@@ -448,45 +283,29 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Skills",
href: "#features",
},
label: "Skills", href: "#features"},
],
},
{
items: [
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}