Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 771dd589c0 | |||
| 1f3b308f76 | |||
| e85a4d6924 | |||
| 743ce5cb5b |
166
src/app/page.tsx
166
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VS Developer"
|
||||
/>
|
||||
@@ -49,109 +43,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="We Build Websites for Your Business"
|
||||
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/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/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/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-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",
|
||||
},
|
||||
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/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/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-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/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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-laptop-simple-wooden-desk_23-2148267466.jpg?_wi=2", imageAlt: "Gray laptop on simple wooden desk"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/919286946493",
|
||||
},
|
||||
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/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/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/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-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",
|
||||
},
|
||||
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/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/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/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-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",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/laptop-with-white-tulips-vase-wooden-table_23-2148036926.jpg", alt: "Client Logo 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,19 +123,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Business Websites",
|
||||
description: "Professional sites for your company.",
|
||||
},
|
||||
title: "Business Websites", description: "Professional sites for your company."},
|
||||
{
|
||||
icon: Activity,
|
||||
title: "Clinic Websites",
|
||||
description: "Dedicated sites for medical practices.",
|
||||
},
|
||||
title: "Clinic Websites", description: "Dedicated sites for medical practices."},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "Landing Pages",
|
||||
description: "High-converting single-page designs.",
|
||||
},
|
||||
title: "Landing Pages", description: "High-converting single-page designs."},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Development solutions for every need."
|
||||
@@ -203,23 +143,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Check,
|
||||
title: "Demo Offer",
|
||||
value: "Free Demo",
|
||||
},
|
||||
id: "1", icon: Check,
|
||||
title: "Demo Offer", value: "Free Demo"},
|
||||
{
|
||||
id: "2",
|
||||
icon: ThumbsUp,
|
||||
title: "Satisfaction",
|
||||
value: "Guaranteed",
|
||||
},
|
||||
id: "2", icon: ThumbsUp,
|
||||
title: "Satisfaction", value: "Guaranteed"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Wallet,
|
||||
title: "Payment",
|
||||
value: "Post-Demo",
|
||||
},
|
||||
id: "3", icon: Wallet,
|
||||
title: "Payment", value: "Post-Demo"},
|
||||
]}
|
||||
title="Our Guarantee"
|
||||
description="We believe in our work."
|
||||
@@ -233,22 +164,14 @@ export default function LandingPage() {
|
||||
description="Ready to build your website? Let's talk."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
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"
|
||||
@@ -260,16 +183,11 @@ export default function LandingPage() {
|
||||
logoText="VS Developer"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "WhatsApp: 9286946493",
|
||||
href: "https://wa.me/919286946493",
|
||||
},
|
||||
label: "WhatsApp: 9286946493", href: "https://wa.me/919286946493"},
|
||||
{
|
||||
label: "Email: VS.developerr@gmail.com",
|
||||
href: "mailto:VS.developerr@gmail.com",
|
||||
},
|
||||
label: "Email: VS.developerr@gmail.com", href: "mailto:VS.developerr@gmail.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -279,4 +197,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user