Merge version_1 into main #2
348
src/app/page.tsx
348
src/app/page.tsx
@@ -19,143 +19,57 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Proof Web Studio"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Business Deserves A Digital Home"
|
||||
description="Stop losing leads to outdated sites. We build high-performing, beautiful websites that help local businesses grow effortlessly."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg?_wi=1",
|
||||
imageAlt: "Studio design 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg?_wi=1",
|
||||
imageAlt: "Studio design 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg?_wi=2",
|
||||
imageAlt: "Studio design 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg?_wi=2",
|
||||
imageAlt: "Studio design 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg?_wi=3",
|
||||
imageAlt: "Studio design 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", imageAlt: "Studio design 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg", imageAlt: "Studio design 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", imageAlt: "Studio design 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg", imageAlt: "Studio design 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", imageAlt: "Studio design 5" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg?_wi=3",
|
||||
imageAlt: "Workflow 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg?_wi=4",
|
||||
imageAlt: "Workflow 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg?_wi=4",
|
||||
imageAlt: "Workflow 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg?_wi=5",
|
||||
imageAlt: "Workflow 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg?_wi=5",
|
||||
imageAlt: "Workflow 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Site",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg", imageAlt: "Workflow 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", imageAlt: "Workflow 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg", imageAlt: "Workflow 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", imageAlt: "Workflow 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ideas-windows-bulb-question-mark-speech-bubble-sign_53876-120475.jpg", imageAlt: "Workflow 5" }
|
||||
]}
|
||||
buttons={[{ text: "Get Your Site", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-girl-barista-apron-looks-surprised-points-with-hand-stares-amazed-camera-works_1258-199429.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-bearded-hipster-man-green-jacket-sits-chair-with-single-speed-bicycle-background_613910-10378.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-woman-cafe-owner-manager-standing-confident-with-arms-crossed-hands-smiling_1258-199338.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-girl-barista-apron-looks-surprised-points-with-hand-stares-amazed-camera-works_1258-199429.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/casual-bearded-hipster-man-green-jacket-sits-chair-with-single-speed-bicycle-background_613910-10378.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-asian-woman-cafe-owner-manager-standing-confident-with-arms-crossed-hands-smiling_1258-199338.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 50+ local businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t8i3qn",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/rocket-launch-start-success-introduce_53876-30990.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7z697",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/minimal-logo-set_53876-94203.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,12 +77,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Why Proof Web Studio?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Process",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn Our Process", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,21 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Infrastructure",
|
||||
description: "Rock-solid security protocols keeping your data and customers safe.",
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Mobile Optimized",
|
||||
description: "Your site will look and perform flawlessly on every single device.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Blazing Fast",
|
||||
description: "High-performance coding practices for near-instant load times.",
|
||||
},
|
||||
{ icon: Shield, title: "Secure Infrastructure", description: "Rock-solid security protocols keeping your data and customers safe." },
|
||||
{ icon: Smartphone, title: "Mobile Optimized", description: "Your site will look and perform flawlessly on every single device." },
|
||||
{ icon: Zap, title: "Blazing Fast", description: "High-performance coding practices for near-instant load times." }
|
||||
]}
|
||||
title="Websites Built for Growth"
|
||||
description="We don't just build sites; we craft digital engines for your business success."
|
||||
@@ -205,57 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$1,500",
|
||||
name: "Starter",
|
||||
features: [
|
||||
"3-page website",
|
||||
"Basic SEO setup",
|
||||
"Contact form",
|
||||
"Domain assistance",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$3,500",
|
||||
name: "Professional",
|
||||
features: [
|
||||
"Up to 10 pages",
|
||||
"Advanced SEO",
|
||||
"Analytics dashboard",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
price: "$6,000",
|
||||
name: "Growth Agency",
|
||||
features: [
|
||||
"Custom web app",
|
||||
"E-commerce integration",
|
||||
"Content strategy",
|
||||
"Monthly maintenance",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "starter", price: "$1,500", name: "Starter", features: ["3-page website", "Basic SEO setup", "Contact form", "Domain assistance"], buttons: [{ text: "Get Started", href: "#contact" }] },
|
||||
{ id: "pro", price: "$3,500", name: "Professional", features: ["Up to 10 pages", "Advanced SEO", "Analytics dashboard", "Priority support"], buttons: [{ text: "Get Started", href: "#contact" }] },
|
||||
{ id: "growth", price: "$6,000", name: "Growth Agency", features: ["Custom web app", "E-commerce integration", "Content strategy", "Monthly maintenance"], buttons: [{ text: "Get Started", href: "#contact" }] }
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Find the package that fits your stage of growth."
|
||||
@@ -266,20 +115,8 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Alpha Tech",
|
||||
"Beta Corp",
|
||||
"Gamma Solutions",
|
||||
"Delta Designs",
|
||||
"Epsilon Systems",
|
||||
]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t8i3qn",
|
||||
"http://img.b2bpic.net/free-photo/rocket-launch-start-success-introduce_53876-30990.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7z697",
|
||||
"http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg",
|
||||
"http://img.b2bpic.net/free-vector/minimal-logo-set_53876-94203.jpg",
|
||||
]}
|
||||
names={["Alpha Tech", "Beta Corp", "Gamma Solutions", "Delta Designs", "Epsilon Systems"]}
|
||||
logos={["https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t8i3qn", "http://img.b2bpic.net/free-photo/rocket-launch-start-success-introduce_53876-30990.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7z697", "http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg", "http://img.b2bpic.net/free-vector/minimal-logo-set_53876-94203.jpg"]}
|
||||
title="Trusted by Growing Businesses"
|
||||
description="We help ambitious companies establish their online presence."
|
||||
/>
|
||||
@@ -290,46 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best experience",
|
||||
quote: "Proof Web Studio turned our vision into reality overnight.",
|
||||
name: "Alice W.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly professional",
|
||||
quote: "The team was responsive, creative, and professional throughout.",
|
||||
name: "Bob D.",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-barista-apron-looks-surprised-points-with-hand-stares-amazed-camera-works_1258-199429.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Growth-focused",
|
||||
quote: "Our sales have doubled since our new site launched.",
|
||||
name: "Charlie R.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Smooth process",
|
||||
quote: "They made the complicated process feel incredibly simple.",
|
||||
name: "Diana K.",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-hipster-man-green-jacket-sits-chair-with-single-speed-bicycle-background_613910-10378.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Exceptional value",
|
||||
quote: "Top-tier quality without the agency overhead.",
|
||||
name: "Ethan M.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-cafe-owner-manager-standing-confident-with-arms-crossed-hands-smiling_1258-199338.jpg",
|
||||
},
|
||||
{ id: "1", title: "Best experience", quote: "Proof Web Studio turned our vision into reality overnight.", name: "Alice W.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
||||
{ id: "2", title: "Highly professional", quote: "The team was responsive, creative, and professional throughout.", name: "Bob D.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-barista-apron-looks-surprised-points-with-hand-stares-amazed-camera-works_1258-199429.jpg" },
|
||||
{ id: "3", title: "Growth-focused", quote: "Our sales have doubled since our new site launched.", name: "Charlie R.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
|
||||
{ id: "4", title: "Smooth process", quote: "They made the complicated process feel incredibly simple.", name: "Diana K.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-hipster-man-green-jacket-sits-chair-with-single-speed-bicycle-background_613910-10378.jpg" },
|
||||
{ id: "5", title: "Exceptional value", quote: "Top-tier quality without the agency overhead.", name: "Ethan M.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-cafe-owner-manager-standing-confident-with-arms-crossed-hands-smiling_1258-199338.jpg" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why local businesses trust Proof Web Studio."
|
||||
@@ -342,24 +144,10 @@ export default function LandingPage() {
|
||||
title="Ready to Build?"
|
||||
description="Tell us about your business and your goals for your new website."
|
||||
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: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-with-stock-exchange-listings-business-charts-displayed-background_482257-83137.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -369,45 +157,9 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-layered-green-hills_779267-3583.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Testimonials", href: "#testimonials" }] },
|
||||
{ title: "Services", items: [{ label: "Pricing", href: "#pricing" }, { label: "Features", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Proof Web Studio"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user