bender/5d1c2d43-e802-4876-8bcc-a99f88f200e1
1
0
Fork 0
Code Issues Pull Requests 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-05-18 06:23:24 +00:00
parent 12d6b74668 2dd650bc4b
commit 2d827f7658
1 changed files with 143 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

536
src/app/page.tsx
View File

@@ -29,408 +29,158 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Skills",
id: "skills",
},
{
name: "Projects",
id: "projects",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Raval Kinjal"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Skills", id: "skills" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "contact" },
]}
brandName="Raval Kinjal"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Shopify & WordPress Developer"
description="Crafting high-converting, responsive eCommerce experiences and custom web layouts for over 2.6 years."
testimonials={[
{
name: "Sarah J.",
handle: "@sarah-tech",
testimonial: "Raval delivered a pixel-perfect store that boosted our conversion rates immediately.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg",
},
{
name: "Michael K.",
handle: "@micheal-lab",
testimonial: "Exceptional communication and deep knowledge of Shopify Liquid.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-brunette-dark-skinned-fashion-designer-poses-office-leans-table_197531-24106.jpg",
},
{
name: "Emily R.",
handle: "@growth-co",
testimonial: "Transformed our WordPress site into a high-performance machine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg",
},
{
name: "David C.",
handle: "@startup-xyz",
testimonial: "Highly recommended for any custom Shopify development needs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
},
{
name: "Jessica L.",
handle: "@kitsch-brand",
testimonial: "Attention to detail is unmatched in the industry.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
]}
buttons={[
{
text: "View Projects",
href: "#projects",
},
{
text: "Contact Me",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
alt: "client portrait",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg",
alt: "startup founder portrait",
},
{
src: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
alt: "project manager portrait",
},
{
src: "http://img.b2bpic.net/free-photo/laptop-smartphones-arrangement_23-2149554987.jpg",
alt: "ecommerce manager portrait",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-young-female-working-laptop_23-2148415760.jpg",
alt: "marketing director portrait",
},
]}
avatarText="Trusted by industry professionals"
marqueeItems={[
{
type: "text",
text: "Shopify Liquid",
},
{
type: "text",
text: "WordPress Elementor",
},
{
type: "text",
text: "UI/UX Design",
},
{
type: "text",
text: "Performance SEO",
},
{
type: "text",
text: "Custom Integration",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Shopify & WordPress Developer"
description="Crafting high-converting, responsive eCommerce experiences and custom web layouts for over 2.6 years."
testimonials={[
{ name: "Sarah J.", handle: "@sarah-tech", testimonial: "Raval delivered a pixel-perfect store that boosted our conversion rates immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg" },
{ name: "Michael K.", handle: "@micheal-lab", testimonial: "Exceptional communication and deep knowledge of Shopify Liquid.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-brunette-dark-skinned-fashion-designer-poses-office-leans-table_197531-24106.jpg" },
{ name: "Emily R.", handle: "@growth-co", testimonial: "Transformed our WordPress site into a high-performance machine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg" },
{ name: "David C.", handle: "@startup-xyz", testimonial: "Highly recommended for any custom Shopify development needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg" },
{ name: "Jessica L.", handle: "@kitsch-brand", testimonial: "Attention to detail is unmatched in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
]}
buttons={[{ text: "View Projects", href: "#projects" }, { text: "Contact Me", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg", alt: "client portrait" },
{ src: "http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg", alt: "startup founder portrait" },
{ src: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg", alt: "project manager portrait" },
{ src: "http://img.b2bpic.net/free-photo/laptop-smartphones-arrangement_23-2149554987.jpg", alt: "ecommerce manager portrait" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-young-female-working-laptop_23-2148415760.jpg", alt: "marketing director portrait" },
]}
avatarText="Trusted by industry professionals"
marqueeItems={[{ type: "text", text: "Shopify Liquid" }, { type: "text", text: "WordPress Elementor" }, { type: "text", text: "UI/UX Design" }, { type: "text", text: "Performance SEO" }, { type: "text", text: "Custom Integration" }]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Me"
title="Raval Kinjal"
description="2.6 years of hands-on experience specializing in Shopify and WordPress. I bridge the gap between creative design and functional code."
subdescription="I focus on performance, UX, and seamless integrations. My goal is to build digital solutions that drive business success."
icon={User}
imageSrc="http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Me"
title="Raval Kinjal"
description="2.6 years of hands-on experience specializing in Shopify and WordPress. I bridge the gap between creative design and functional code."
subdescription="I focus on performance, UX, and seamless integrations. My goal is to build digital solutions that drive business success."
icon={User}
imageSrc="http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="skills" data-section="skills">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
label: "Shopify",
title: "Development",
items: [
"Liquid Templating",
"Online Store 2.0",
"Theme Customization",
"Metafields & APIs",
],
},
{
id: "s2",
label: "WordPress",
title: "WordPress & Elementor",
items: [
"Elementor Pro",
"Custom Themes",
"Plugin Integration",
"SEO Optimization",
],
},
{
id: "s3",
label: "UI/UX",
title: "Design & Logic",
items: [
"Responsive Design",
"Framer Prototyping",
"Animation (Lottie)",
"Pixel-Perfect Layouts",
],
},
]}
title="Technical Expertise"
/>
</div>
<div id="skills" data-section="skills">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Technical Expertise"
description="My core technical skills in eCommerce and web development."
features={[
{ id: "s1", label: "Shopify", title: "Development", items: ["Liquid Templating", "Online Store 2.0", "Theme Customization", "Metafields & APIs"] },
{ id: "s2", label: "WordPress", title: "WordPress & Elementor", items: ["Elementor Pro", "Custom Themes", "Plugin Integration", "SEO Optimization"] },
{ id: "s3", label: "UI/UX", title: "Design & Logic", items: ["Responsive Design", "Framer Prototyping", "Animation (Lottie)", "Pixel-Perfect Layouts"] },
]}
/>
</div>
<div id="projects" data-section="projects">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "DoseDaily Store",
price: "Shopify Build",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
},
{
id: "p2",
name: "Bhanzu Demo Platform",
price: "Shopify Integration",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-smartphones-arrangement_23-2149554987.jpg",
},
{
id: "p3",
name: "Kitsch Brand Site",
price: "WordPress Design",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-working-laptop_23-2148415760.jpg",
},
{
id: "p4",
name: "Boka Wellness",
price: "Shopify Custom",
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
},
{
id: "p5",
name: "Puracy eCommerce",
price: "Shopify Expert",
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone_23-2148166773.jpg",
},
{
id: "p6",
name: "FreshCap Site",
price: "Shopify Performance",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-drinking-coffee-cafe-while-working-her-laptop-writing-her-notebook_23-2149230375.jpg",
},
]}
title="Project Showcase"
description="Selected Shopify and WordPress builds reflecting my dedication to clean code and high performance."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "DoseDaily Store", price: "Shopify Build", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg" },
{ id: "p2", name: "Bhanzu Demo Platform", price: "Shopify Integration", imageSrc: "http://img.b2bpic.net/free-photo/laptop-smartphones-arrangement_23-2149554987.jpg" },
{ id: "p3", name: "Kitsch Brand Site", price: "WordPress Design", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-working-laptop_23-2148415760.jpg" },
{ id: "p4", name: "Boka Wellness", price: "Shopify Custom", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg" },
{ id: "p5", name: "Puracy eCommerce", price: "Shopify Expert", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone_23-2148166773.jpg" },
{ id: "p6", name: "FreshCap Site", price: "Shopify Performance", imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-drinking-coffee-cafe-while-working-her-laptop-writing-her-notebook_23-2149230375.jpg" },
]}
title="Project Showcase"
description="Selected Shopify and WordPress builds reflecting my dedication to clean code and high performance."
/>
</div>
<div id="experience" data-section="experience">
<TeamCardTen
useInvertedBackground={false}
title="Professional Experience"
tag="My Career"
membersAnimation="slide-up"
members={[
{
id: "exp1",
name: "Nexaplay Studios - Shopify Developer",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg",
},
{
id: "exp2",
name: "Skill-align - Mid-Level Sr. Shopify Developer",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
},
]}
memberVariant="card"
/>
</div>
<div id="experience" data-section="experience">
<TeamCardTen
useInvertedBackground={false}
title="Professional Experience"
tag="My Career"
membersAnimation="slide-up"
memberVariant="card"
members={[
{ id: "exp1", name: "Nexaplay Studios - Shopify Developer", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg" },
{ id: "exp2", name: "Skill-align - Mid-Level Sr. Shopify Developer", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Kinjal Raval",
role: "Developer",
company: "Nexaplay",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
},
{
id: "t2",
name: "Client A",
role: "Owner",
company: "DoseDaily",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-office-table-looking-thoughtfully-window_1098-19179.jpg",
},
{
id: "t3",
name: "Client B",
role: "Lead",
company: "Skill-align",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg",
},
{
id: "t4",
name: "Client C",
role: "Manager",
company: "Bhanzu",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-representation-business-project_23-2148778029.jpg",
},
{
id: "t5",
name: "Client D",
role: "CEO",
company: "Startup XYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
},
]}
kpiItems={[
{
value: "2.6+",
label: "Years Experience",
},
{
value: "30+",
label: "Themes Built",
},
{
value: "100%",
label: "Client Focus",
},
]}
title="Client Feedback"
description="What our partners say about the digital experiences I build."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Client Feedback"
description="What our partners say about the digital experiences I build."
testimonials={[
{ id: "t1", name: "Kinjal Raval", role: "Developer", company: "Nexaplay", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg" },
{ id: "t2", name: "Client A", role: "Owner", company: "DoseDaily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-office-table-looking-thoughtfully-window_1098-19179.jpg" },
{ id: "t3", name: "Client B", role: "Lead", company: "Skill-align", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg" },
{ id: "t4", name: "Client C", role: "Manager", company: "Bhanzu", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teamwork-representation-business-project_23-2148778029.jpg" },
{ id: "t5", name: "Client D", role: "CEO", company: "Startup XYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg" },
]}
kpiItems={[{ value: "2.6+", label: "Years Experience" }, { value: "30+", label: "Themes Built" }, { value: "100%", label: "Client Focus" }]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What platforms do you work with?",
content: "I specialize in Shopify (Liquid/OS 2.0) and WordPress (Elementor).",
},
{
id: "q2",
title: "Do you offer maintenance?",
content: "Yes, I offer ongoing site optimization, debugging, and performance management.",
},
{
id: "q3",
title: "Can you convert Figma to Shopify?",
content: "Absolutely. I provide pixel-perfect conversion of design files into functional Shopify pages.",
},
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about working with me on your next project."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "What platforms do you work with?", content: "I specialize in Shopify (Liquid/OS 2.0) and WordPress (Elementor)." },
{ id: "q2", title: "Do you offer maintenance?", content: "Yes, I offer ongoing site optimization, debugging, and performance management." },
{ id: "q3", title: "Can you convert Figma to Shopify?", content: "Absolutely. I provide pixel-perfect conversion of design files into functional Shopify pages." },
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about working with me on your next project."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
text="Let’s connect and discuss your vision. Contact me at rawalkinjal65@gmail.com or +916355450624."
buttons={[
{
text: "Send Email",
href: "mailto:rawalkinjal65@gmail.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "rotated-rays-static" }}
text="Let’s connect and discuss your vision. Contact me at rawalkinjal65@gmail.com or +916355450624."
buttons={[{ text: "Send Email", href: "mailto:rawalkinjal65@gmail.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Navigation",
items: [
{
label: "Projects",
href: "#projects",
},
{
label: "Skills",
href: "#skills",
},
],
},
{
title: "Contact",
items: [
{
label: "Email",
href: "mailto:rawalkinjal65@gmail.com",
},
{
label: "LinkedIn",
href: "https://linkedin.com",
},
],
},
]}
bottomLeftText="© 2024 Raval Kinjal. All rights reserved."
bottomRightText="Shopify & WordPress Expert"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Navigation", items: [{ label: "Projects", href: "#projects" }, { label: "Skills", href: "#skills" }] },
{ title: "Contact", items: [{ label: "Email", href: "mailto:rawalkinjal65@gmail.com" }, { label: "LinkedIn", href: "https://linkedin.com" }] },
]}
bottomLeftText="© 2024 Raval Kinjal. All rights reserved."
bottomRightText="Shopify & WordPress Expert"
/>
</div>
</ReactLenis>
</ThemeProvider>
);