Merge version_1_1781526980904 into main #1

Merged
bender merged 2 commits from version_1_1781526980904 into main 2026-06-15 12:45:20 +00:00
2 changed files with 149 additions and 160 deletions

View File

@@ -1,145 +1,10 @@
"use client";
import { Routes, Route } from 'react-router-dom';
import HomePage from '@/pages/HomePage';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import ContactCta from '@/components/sections/contact/ContactCta';
import FooterBrand from '@/components/sections/footer/FooterBrand';
export default function LandingPage() {
export default function App() {
return (
<ThemeProvider
defaultButtonVariant="solid"
defaultTextAnimation="slide-up"
borderRadius="soft"
contentWidth="small"
>
<div id="nav" data-section="nav" data-webild-component="NavbarFloatingLogo" data-webild-component-path="@/components/ui/NavbarFloatingLogo">
<NavbarFloatingLogo
logo="PROWEB"
logoImageSrc="http://img.b2bpic.net/free-photo/location-map-direction-right-side_187299-45230.jpg"
navItems={[{ name: "Features", href: "#features" }, { name: "Pricing", href: "#pricing" }, { name: "FAQ", href: "#faq" }]}
ctaButton={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero" data-webild-component="HeroSplit" data-webild-component-path="@/components/sections/hero/HeroSplit">
<HeroSplit
tag="High-Performance Digital Solutions"
title="Build Your Digital Presence at Lightning Speed"
description="PROWEB delivers 100% customized, high-conversion websites optimized for your business needs. Get professional results, fast."
primaryButton={{ text: "Choose Your Plan", href: "#pricing" }}
secondaryButton={{ text: "Contact Us", href: "#contact" }}
imageSrc="http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg"
/>
</div>
<div id="features" data-section="features" data-webild-component="FeaturesRevealCards" data-webild-component-path="@/components/sections/features/FeaturesRevealCards">
<FeaturesRevealCards
tag="Why PROWEB?"
title="Built for Growth & Conversion"
description="We combine technology with design to ensure your website isn't just an asset, but a growth engine."
items={[
{ title: "Speed to Market", description: "We streamline development workflows to deliver functional, professional websites in record time.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-backdrop-bright-multi-colored-pattern-design-generated-by-ai_188544-15566.jpg" },
{ title: "Conversion Optimized", description: "Strategic UI/UX design backed by data to turn visitors into paying customers efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
{ title: "100% Custom Tailored", description: "No templates here. Every aspect of your site is designed to reflect your specific brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg" }
]}
/>
</div>
<div id="bento" data-section="bento" data-webild-component="FeaturesImageBento" data-webild-component-path="@/components/sections/features/FeaturesImageBento">
<FeaturesImageBento
tag="Our Expertise"
title="Tailored Solutions for Every Business"
description="From landing pages to complex enterprise platforms, we cover every digital need."
items={[
{ title: "Responsive Design", description: "Perfect across all devices.", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-sales-landing-page_23-2150848281.jpg" },
{ title: "SEO Optimized", description: "Built for visibility.", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg" },
{ title: "CRM Integration", description: "Seamless data flows.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-tablet-with-icons_1134-90.jpg" },
{ title: "E-commerce Engine", description: "High-converting storefronts.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979689.jpg" },
{ title: "UI/UX Audits", description: "Expert improvement.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-email-icon-with-two-messages_1134-66.jpg" },
{ title: "Security First", description: "Robust architecture.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-ui-ux-landing-page-template_52683-67971.jpg" },
{ title: "Performance Tuning", description: "Ultra-fast load times.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg" }
]}
/>
</div>
<div id="pricing" data-section="pricing" data-webild-component="PricingSimpleCards" data-webild-component-path="@/components/sections/pricing/PricingSimpleCards">
<PricingSimpleCards
tag="Choose Your Starting Point"
title="Transparent Pricing for Growth"
description="Choose the package that aligns with your current growth phase, or reach out for custom enterprise needs."
plans={[
{ tag: "Freelancer", price: "€ 500.00", description: "Perfect for individual pros and startups getting started.", features: ["Website Creation", "Full assistance during process", "Full customization"] },
{ tag: "Business", price: "€ 1500.00", description: "Scale your operations with advanced support.", features: ["Website Creation", "Full assistance during process", "Yearly assistance", "Full customization"] },
{ tag: "Enterprise", price: "€ 3000.00", description: "The ultimate solution for high-growth businesses.", features: ["Website Creation", "Full assistance during process", "Yearly assistance", "E-commerce creation", "Full customization"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials" data-webild-component="TestimonialQuoteCards" data-webild-component-path="@/components/sections/testimonial/TestimonialQuoteCards">
<TestimonialQuoteCards
tag="Client Results"
title="Proven Success Stories"
description="Hear from companies that accelerated their digital presence with PROWEB."
testimonials={[
{ name: "Alex Rivers", role: "Creative Director", quote: "PROWEB delivered our site in weeks, not months. The conversion boost was immediate.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
{ name: "Sarah Miller", role: "CEO", quote: "Their custom approach allowed us to differentiate our brand in a crowded market.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg" },
{ name: "David Chen", role: "Marketing Lead", quote: "Fast, professional, and reliable support. Couldn't ask for a better agency.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-laptops-meeting_53876-25055.jpg" },
{ name: "Elena Rossi", role: "E-commerce Owner", quote: "The enterprise package was perfect for our expansion plans. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg" },
{ name: "Markus Thorne", role: "Founder", quote: "Responsive and creative. Exactly what our company needed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-glasses-showing-okay-hand-sign-sitting-with-laptop-cafe-working-remotely-recommends-coworking-space_1258-314260.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq" data-webild-component="FaqTwoColumn" data-webild-component-path="@/components/sections/faq/FaqTwoColumn">
<FaqTwoColumn
tag="Common Questions"
title="Everything You Need to Know"
description="Find answers to your questions about our development process, timeline, and support packages."
items={[
{ question: "What if the standard packages don't fit my needs?", answer: "We offer a FULL CUSTOMIZE SERVICE with pricing available upon request to accommodate unique complex requirements." },
{ question: "What is the typical turnaround time?", answer: "We pride ourselves on speed. Timelines depend on the project scope, but we always prioritize efficiency." },
{ question: "Is assistance included after launch?", answer: "Yes, our Business and Enterprise packages include dedicated yearly assistance to keep your site updated." },
{ question: "How does the customization work?", answer: "We perform a deep dive into your brand before starting, ensuring every pixel aligns with your vision." }
]}
/>
</div>
<div id="social" data-section="social" data-webild-component="SocialProofMarquee" data-webild-component-path="@/components/sections/social-proof/SocialProofMarquee">
<SocialProofMarquee
tag="Trusted By"
title="Growing Businesses Worldwide"
description="Collaborating with innovators to deliver exceptional results."
names={["AlphaTech", "GlobalGrowth", "DesignStudio", "RetailNow", "InnovateCore", "CreativePath", "FutureReady"]}
/>
</div>
<div id="contact" data-section="contact" data-webild-component="ContactCta" data-webild-component-path="@/components/sections/contact/ContactCta">
<ContactCta
tag="Get Started Today"
text="Ready to transform your digital strategy? Contact us today for a consultation."
primaryButton={{ text: "Book a Consultation", href: "#" }}
secondaryButton={{ text: "Contact Support", href: "#" }}
/>
</div>
<div id="footer" data-section="footer" data-webild-component="FooterBrand" data-webild-component-path="@/components/sections/footer/FooterBrand">
<FooterBrand
brand="PROWEB"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "Enterprise Custom", href: "#contact" }, { label: "Support", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
{ items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
<Routes>
<Route path="/" element={<HomePage />} />
</Routes>
);
}

View File

@@ -1,22 +1,146 @@
import NavbarCentered from "@/components/ui/NavbarCentered";
import { routes } from "@/routes";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import ContactCta from '@/components/sections/contact/ContactCta';
import FooterBrand from '@/components/sections/footer/FooterBrand';
const HomePage = () => {
export default function HomePage() {
return (
<div className="min-h-screen bg-background">
<NavbarCentered
logo="Logo"
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
ctaButton={{ text: "Get Started", href: "#" }}
/>
<main className="pt-20 flex flex-col items-center justify-center min-h-[80vh] px-4">
<h1 className="text-4xl font-bold text-foreground mb-4">Welcome</h1>
<p className="text-lg text-muted-foreground max-w-xl text-center">
Your website content will appear here.
</p>
</main>
</div>
);
};
<ThemeProvider
defaultButtonVariant="gradient"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
>
<div id="nav" data-section="nav" data-webild-component="NavbarFloatingLogo" data-webild-component-path="@/components/ui/NavbarFloatingLogo">
<NavbarFloatingLogo
logo="PROWEB"
logoImageSrc="http://img.b2bpic.net/free-photo/location-map-direction-right-side_187299-45230.jpg"
navItems={[{ name: "Features", href: "#features" }, { name: "Pricing", href: "#pricing" }, { name: "FAQ", href: "#faq" }]}
ctaButton={{ text: "Get Started", href: "#contact" }}
/>
</div>
export default HomePage;
<div id="hero" data-section="hero" data-webild-component="HeroSplit" data-webild-component-path="@/components/sections/hero/HeroSplit">
<HeroSplit
tag="High-Performance Digital Solutions"
title="Build Your Digital Presence at Lightning Speed"
description="PROWEB delivers 100% customized, high-conversion websites optimized for your business needs. Get professional results, fast."
primaryButton={{ text: "Choose Your Plan", href: "#pricing" }}
secondaryButton={{ text: "Contact Us", href: "#contact" }}
imageSrc="http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg"
/>
</div>
<div id="features" data-section="features" data-webild-component="FeaturesRevealCards" data-webild-component-path="@/components/sections/features/FeaturesRevealCards">
<FeaturesRevealCards
tag="Why PROWEB?"
title="Built for Growth & Conversion"
description="We combine technology with design to ensure your website isn't just an asset, but a growth engine."
items={[
{ title: "Speed to Market", description: "We streamline development workflows to deliver functional, professional websites in record time.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-backdrop-bright-multi-colored-pattern-design-generated-by-ai_188544-15566.jpg" },
{ title: "Conversion Optimized", description: "Strategic UI/UX design backed by data to turn visitors into paying customers efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
{ title: "100% Custom Tailored", description: "No templates here. Every aspect of your site is designed to reflect your specific brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg" }
]}
/>
</div>
<div id="bento" data-section="bento" data-webild-component="FeaturesImageBento" data-webild-component-path="@/components/sections/features/FeaturesImageBento">
<FeaturesImageBento
tag="Our Expertise"
title="Tailored Solutions for Every Business"
description="From landing pages to complex enterprise platforms, we cover every digital need."
items={[
{ title: "Responsive Design", description: "Perfect across all devices.", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-sales-landing-page_23-2150848281.jpg" },
{ title: "SEO Optimized", description: "Built for visibility.", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg" },
{ title: "CRM Integration", description: "Seamless data flows.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-tablet-with-icons_1134-90.jpg" },
{ title: "E-commerce Engine", description: "High-converting storefronts.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979689.jpg" },
{ title: "UI/UX Audits", description: "Expert improvement.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-email-icon-with-two-messages_1134-66.jpg" },
{ title: "Security First", description: "Robust architecture.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-ui-ux-landing-page-template_52683-67971.jpg" },
{ title: "Performance Tuning", description: "Ultra-fast load times.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg" }
]}
/>
</div>
<div id="pricing" data-section="pricing" data-webild-component="PricingSimpleCards" data-webild-component-path="@/components/sections/pricing/PricingSimpleCards">
<PricingSimpleCards
tag="Choose Your Starting Point"
title="Transparent Pricing for Growth"
description="Choose the package that aligns with your current growth phase, or reach out for custom enterprise needs."
plans={[
{ tag: "Freelancer", price: "€ 500.00", description: "Perfect for individual pros and startups getting started.", features: ["Website Creation", "Full assistance during process", "Full customization"] },
{ tag: "Business", price: "€ 1500.00", description: "Scale your operations with advanced support.", features: ["Website Creation", "Full assistance during process", "Yearly assistance", "Full customization"] },
{ tag: "Enterprise", price: "€ 3000.00", description: "The ultimate solution for high-growth businesses.", features: ["Website Creation", "Full assistance during process", "Yearly assistance", "E-commerce creation", "Full customization"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials" data-webild-component="TestimonialQuoteCards" data-webild-component-path="@/components/sections/testimonial/TestimonialQuoteCards">
<TestimonialQuoteCards
tag="Client Results"
title="Proven Success Stories"
description="Hear from companies that accelerated their digital presence with PROWEB."
testimonials={[
{ name: "Alex Rivers", role: "Creative Director", quote: "PROWEB delivered our site in weeks, not months. The conversion boost was immediate.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
{ name: "Sarah Miller", role: "CEO", quote: "Their custom approach allowed us to differentiate our brand in a crowded market.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg" },
{ name: "David Chen", role: "Marketing Lead", quote: "Fast, professional, and reliable support. Couldn't ask for a better agency.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-laptops-meeting_53876-25055.jpg" },
{ name: "Elena Rossi", role: "E-commerce Owner", quote: "The enterprise package was perfect for our expansion plans. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg" },
{ name: "Markus Thorne", role: "Founder", quote: "Responsive and creative. Exactly what our company needed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-glasses-showing-okay-hand-sign-sitting-with-laptop-cafe-working-remotely-recommends-coworking-space_1258-314260.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq" data-webild-component="FaqTwoColumn" data-webild-component-path="@/components/sections/faq/FaqTwoColumn">
<FaqTwoColumn
tag="Common Questions"
title="Everything You Need to Know"
description="Find answers to your questions about our development process, timeline, and support packages."
items={[
{ question: "What if the standard packages don't fit my needs?", answer: "We offer a FULL CUSTOMIZE SERVICE with pricing available upon request to accommodate unique complex requirements." },
{ question: "What is the typical turnaround time?", answer: "We pride ourselves on speed. Timelines depend on the project scope, but we always prioritize efficiency." },
{ question: "Is assistance included after launch?", answer: "Yes, our Business and Enterprise packages include dedicated yearly assistance to keep your site updated." },
{ question: "How does the customization work?", answer: "We perform a deep dive into your brand before starting, ensuring every pixel aligns with your vision." }
]}
/>
</div>
<div id="social" data-section="social" data-webild-component="SocialProofMarquee" data-webild-component-path="@/components/sections/social-proof/SocialProofMarquee">
<SocialProofMarquee
tag="Trusted By"
title="Growing Businesses Worldwide"
description="Collaborating with innovators to deliver exceptional results."
names={["AlphaTech", "GlobalGrowth", "DesignStudio", "RetailNow", "InnovateCore", "CreativePath", "FutureReady"]}
/>
</div>
<div id="contact" data-section="contact" data-webild-component="ContactCta" data-webild-component-path="@/components/sections/contact/ContactCta">
<ContactCta
tag="Get Started Today"
text="Ready to transform your digital strategy? Contact us today for a consultation."
primaryButton={{ text: "Book a Consultation", href: "#" }}
secondaryButton={{ text: "Contact Support", href: "#" }}
/>
</div>
<div id="footer" data-section="footer" data-webild-component="FooterBrand" data-webild-component-path="@/components/sections/footer/FooterBrand">
<FooterBrand
brand="PROWEB"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "Enterprise Custom", href: "#contact" }, { label: "Support", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
{ items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
);
}