bender/7717804a-4e62-4057-b487-d62144d8d08b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

5 Commits
version_3 ... main

Author SHA1 Message Date
bender
05dcdab600 Merge version_4 into main 
Merge version_4 into main
 2026-04-23 15:12:29 +00:00
bender
5b29713261 Update src/app/page.tsx 2026-04-23 15:12:23 +00:00
bender
ec9ab74be0 Merge version_4 into main 
Merge version_4 into main
 2026-04-23 15:11:55 +00:00
bender
974d9f4e53 Update src/app/page.tsx 2026-04-23 15:11:52 +00:00
bender
c5604a0504 Merge version_3 into main 
Merge version_3 into main
 2026-04-23 15:10:43 +00:00
1 changed files with 42 additions and 116 deletions
Expand all files Collapse all files

158
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Activity, Check, Code, Globe, Layout, ThumbsUp, Wallet } from "lucide-react";
import { CheckCircle, Code, LayoutGrid, Stethoscope, Briefcase } from "lucide-react";
export default function LandingPage() {
return (
@@ -19,22 +19,21 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="double-inset"
background="none"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="normal"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "services"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Offer", id: "offer" },
{ name: "Contact", id: "contact" }
]}
brandName="VS Developer"
/>
@@ -42,139 +41,68 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain"}}
title="Grow Your Business With a Professional Website in Just 3 Days"
description="Professional, affordable web development tailored for your growth."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/gray-laptop-simple-wooden-desk_23-2148267466.jpg?_wi=1", imageAlt: "Gray laptop on simple wooden desk"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-table_53876-16546.jpg?_wi=1", imageAlt: "Laptop on a wooden table"},
{
imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-coffee-cup-pen-wooden-background_23-2147923279.jpg?_wi=1", imageAlt: "An open laptop with coffee cup and pen on wooden background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-blank-white-screen-soft-fur-front-wooden-wall_23-2147924325.jpg?_wi=1", imageAlt: "Laptop with blank white screen on soft fur in front of wooden wall"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-wooden-table_23-2148036926.jpg?_wi=1", imageAlt: "modern desk workspace minimalist"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-table_53876-16546.jpg?_wi=2", imageAlt: "Laptop on a wooden table"},
{
imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-coffee-cup-pen-wooden-background_23-2147923279.jpg?_wi=2", imageAlt: "An open laptop with coffee cup and pen on wooden background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-blank-white-screen-soft-fur-front-wooden-wall_23-2147924325.jpg?_wi=2", imageAlt: "Laptop with blank white screen on soft fur in front of wooden wall"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-wooden-table_23-2148036926.jpg?_wi=2", imageAlt: "modern desk workspace minimalist"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gray-laptop-simple-wooden-desk_23-2148267466.jpg?_wi=2", imageAlt: "Gray laptop on simple wooden desk"},
]}
leftCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=2426&auto=format&fit=crop" }]}
rightCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1581291518633-83b4ebd1d83e?q=80&w=2340&auto=format&fit=crop" }]}
background={{ variant: "plain" }}
buttons={[
{
text: "WhatsApp Now", href: "https://wa.me/919286946493"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/gray-laptop-simple-wooden-desk_23-2148267466.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/laptop-wooden-table_53876-16546.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/open-laptop-with-coffee-cup-pen-wooden-background_23-2147923279.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/laptop-with-blank-white-screen-soft-fur-front-wooden-wall_23-2147924325.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-wooden-table_23-2148036926.jpg", alt: "Client 5"},
]}
avatarText="Trusted by 50+ local businesses"
marqueeItems={[
{
type: "image", src: "http://img.b2bpic.net/free-photo/gray-laptop-simple-wooden-desk_23-2148267466.jpg", alt: "Client Logo 1"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/laptop-wooden-table_53876-16546.jpg", alt: "Client Logo 2"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/open-laptop-with-coffee-cup-pen-wooden-background_23-2147923279.jpg", alt: "Client Logo 3"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/laptop-with-blank-white-screen-soft-fur-front-wooden-wall_23-2147924325.jpg", alt: "Client Logo 4"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-wooden-table_23-2148036926.jpg", alt: "Client Logo 5"},
{ text: "WhatsApp Now", href: "https://wa.me/9286946493" }
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="VS Developer"
tag="About"
title="Our Mission"
description="We create simple and affordable websites for businesses."
subdescription="Your digital presence simplified."
subdescription="We build digital solutions that help your business scale effortlessly."
icon={Code}
imageSrc="http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-wooden-table_23-2148036926.jpg?_wi=3"
mediaAnimation="none"
videoSrc="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
useInvertedBackground={false}
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
animationType="none"
title="Our Services"
description="Development solutions tailored to your business needs."
features={[
{ icon: Briefcase, title: "Business Websites", description: "High-performance corporate sites." },
{ icon: Stethoscope, title: "Clinic Websites", description: "Engaging sites for medical clinics." },
{ icon: LayoutGrid, title: "Landing Pages", description: "High-converting landing pages." }
]}
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Globe,
title: "Business Websites", description: "Professional sites for your company."},
{
icon: Activity,
title: "Clinic Websites", description: "Dedicated sites for medical practices."},
{
icon: Layout,
title: "Landing Pages", description: "High-converting single-page designs."},
]}
title="Our Services"
description="Development solutions for every need."
/>
</div>
<div id="offer" data-section="offer">
<MetricCardThree
animationType="none"
title="Special Offer"
description="Start your project with confidence."
metrics={[
{ id: "demo", icon: CheckCircle, title: "Guarantee", value: "Free demo before payment" }
]}
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1", icon: Check,
title: "Demo Offer", value: "Free Demo"},
{
id: "2", icon: ThumbsUp,
title: "Satisfaction", value: "Guaranteed"},
{
id: "3", icon: Wallet,
title: "Payment", value: "Post-Demo"},
]}
title="Our Guarantee"
description="We believe in our work."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Ready to build your website? Let's talk."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{
name: "message", placeholder: "How can we help?", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-wooden-table_23-2148036926.jpg?_wi=4"
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
buttonText="Submit"
useInvertedBackground={false}
/>
</div>
@@ -184,12 +112,10 @@ export default function LandingPage() {
columns={[
{
title: "Contact", items: [
{
label: "WhatsApp: 9286946493", href: "https://wa.me/919286946493"},
{
label: "Email: VS.developerr@gmail.com", href: "mailto:VS.developerr@gmail.com"},
],
},
{ label: "WhatsApp: 9286946493", href: "https://wa.me/9286946493" },
{ label: "Email: VS.developerr@gmail.com", href: "mailto:VS.developerr@gmail.com" }
]
}
]}
copyrightText="© 2025 VS Developer"
/>