bender/d2cab738-ab99-4ed2-8f4d-99c12f15985f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Update color scheme to purple and add services to hero and a

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-14 17:23:11 +00:00
parent 6ad8db4b58
commit f6ea27779c
9 changed files with 192 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.css
View File

@@ -7,12 +7,12 @@
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #eeeded;
--primary-cta: #00FFAB;
--primary-cta-text: #000000;
--primary-cta: #9d4edd;
--primary-cta-text: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffffe6;
--accent: #737373;
--background-accent: #00d5c7;
--background-accent: #7b2cbf;
/* Border Radius - Pill */
--radius: 2rem;

128
src/pages/HomePage.tsx
View File

@@ -1,119 +1,37 @@
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
import { StyleProvider } from "@/components/ui/StyleProvider";
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import FeaturesBento from "@/components/sections/features/FeaturesBento";
import FeaturesBorderGlow from "@/components/sections/features/FeaturesBorderGlow";
import AboutText from "@/components/sections/about/AboutText";
import PricingLayeredCards from "@/components/sections/pricing/PricingLayeredCards";
import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import { LayoutGrid, TrendingUp, Target, Palette, BarChart, Users, Megaphone, Search } from "lucide-react";
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import SecuritySection from './HomePage/sections/Security';
import OutcomesSection from './HomePage/sections/Outcomes';
import PricingSection from './HomePage/sections/Pricing';
import TeamSection from './HomePage/sections/Team';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage() {
export default function HomePage(): React.JSX.Element {
return (
<StyleProvider siteBackground="none" heroBackground="lightRaysCenter" buttonVariant="arrow">
<StyleProvider siteBackground="none" heroBackground="lightRaysCenter" buttonVariant="arrow">
<SiteBackgroundSlot />
<div id="hero" data-section="hero">
<HeroBillboard
tag="Agenție Digitală"
title="SwiftCloud: Design Web & Marketing Performant"
description="Transformăm ideile în experiențe digitale captivante și strategii de marketing care generează conversii reale pentru afacerea ta."
primaryButton={{ text: "Cere o Ofertă", href: "#contact" }}
secondaryButton={{ text: "Află Mai Multe", href: "#about" }}
imageSrc="http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2975.jpg"
/>
</div>
<HeroSection />
<div id="about" data-section="about">
<AboutText
title="SwiftCloud îmbină estetica modernă cu rigoarea analitică. Nu creăm doar site-uri, construim ecosisteme digitale care aduc rezultate măsurabile."
primaryButton={{ text: "Vezi Serviciile", href: "#security" }}
/>
</div>
<AboutSection />
<div id="security" data-section="security">
<FeaturesBento
tag="Serviciile Noastre"
title="Expertiză completă pentru prezența ta online"
description="De la design UI/UX inovator la campanii de marketing orientate pe performanță."
features={[
{
bentoComponent: "orbiting-icons", centerIcon: Palette,
orbitIcons: [LayoutGrid, Target, Search, Megaphone],
title: "Web Design Creativ", description: "Interfețe intuitive adaptate identității brandului tău."},
{
bentoComponent: "tilted-stack-cards", stackCards: [
{ icon: BarChart, title: "Optimizare SEO", subtitle: "Top clasări", detail: "Organic" },
{ icon: Target, title: "Campanii Ads", subtitle: "ROI mare", detail: "Targetat" },
{ icon: Users, title: "Content Social", subtitle: "Engagement", detail: "Social" },
],
title: "Strategie Digitală", description: "Planificăm acțiuni care atrag și rețin clienții."},
{
bentoComponent: "icon-text-marquee", centerIcon: TrendingUp,
marqueeTexts: ["Creștere trafic", "Conversii ridicate", "Vizibilitate", "Brand awareness"],
title: "Marketing Digital", description: "Analizăm și optimizăm constant pentru a maximiza rezultatele."},
]}
/>
</div>
<SecuritySection />
<div id="outcomes" data-section="outcomes">
<FeaturesBorderGlow
tag="De ce SwiftCloud?"
title="Beneficii pentru creșterea afacerii"
description="Partenerul tău pentru succes în mediul online."
features={[
{ icon: LayoutGrid, title: "UI/UX Personalizat", description: "Design unic pentru experiențe memorabile." },
{ icon: TrendingUp, title: "Marketing bazat pe date", description: "Campanii optimizate pentru rezultate maxime." },
{ icon: Target, title: "Focus pe Conversii", description: "Fiecare element este gândit pentru a vinde." },
]}
/>
</div>
<OutcomesSection />
<div id="pricing" data-section="pricing">
<PricingLayeredCards
tag="Pachete"
title="Soluții adaptate obiectivelor tale"
description="Alege pachetul potrivit pentru maturitatea digitală a business-ului tău."
plans={[
{
tag: "Start-up", price: "€800", description: "Perfect pentru lansări rapide.", primaryButton: { text: "Alege Start-up", href: "#contact" },
features: ["Web Design Landing Page", "SEO de bază", "Mentenanță 1 lună"],
},
{
tag: "Growth", price: "€2,200", description: "Pentru afaceri în expansiune.", primaryButton: { text: "Alege Growth", href: "#contact" },
features: ["Website Full-Stack", "Campanii Google Ads", "Copywriting Profesional"],
},
{
tag: "Enterprise", price: "Custom", description: "Strategii complexe pentru lideri.", primaryButton: { text: "Contactează-ne", href: "#contact" },
features: ["Platforme custom", "Marketing 360°", "Analiză avansată"],
},
]}
/>
</div>
<PricingSection />
<div id="team" data-section="team">
<TeamOverlayCards
tag="Echipa"
title="Profesioniști pasionați de digital"
description="O echipă multidisciplinară unită de dorința de a inova constant."
members={[
{ name: "Andrei M.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg" },
{ name: "Elena S.", role: "Marketing Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg" },
{ name: "Victor D.", role: "Digital Analyst", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-businessman-desk_23-2149270979.jpg" },
]}
/>
</div>
<TeamSection />
<div id="contact" data-section="contact">
<ContactCenter
tag="Contact"
title="Începe proiectul tău acum"
description="Trimite-ne un mesaj și hai să discutăm cum putem crește prezența ta online."
inputPlaceholder="Adresa ta de email"
buttonText="Trimite"
/>
</div>
<ContactSection />
</StyleProvider>
);
}
}

16
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,16 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutText from "@/components/sections/about/AboutText";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<AboutText
title="SwiftCloud îmbină estetica modernă cu rigoarea analitică. Oferim site-uri de prezentare, magazine online, content video, automatizări CRM și SEO. Nu creăm doar site-uri, construim ecosisteme digitale care aduc rezultate măsurabile."
primaryButton={{ text: "Vezi Serviciile", href: "#security" }}
/>
</div>
);
}

19
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,19 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCenter from "@/components/sections/contact/ContactCenter";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<ContactCenter
tag="Contact"
title="Începe proiectul tău acum"
description="Trimite-ne un mesaj și hai să discutăm cum putem crește prezența ta online."
inputPlaceholder="Adresa ta de email"
buttonText="Trimite"
/>
</div>
);
}

20
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,20 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<HeroBillboard
tag="Agenție Digitală"
title="SwiftCloud: Design Web & Marketing Performant"
description="Oferim pachetul complet pentru succesul tău digital: site-uri de prezentare, magazine online, content video, automatizări CRM și servicii SEO. Transformăm ideile în experiențe digitale captivante."
primaryButton={{ text: "Cere o Ofertă", href: "#contact" }}
secondaryButton={{ text: "Află Mai Multe", href: "#about" }}
imageSrc="http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2975.jpg"
/>
</div>
);
}

23
src/pages/HomePage/sections/Outcomes.tsx Normal file
View File

@@ -0,0 +1,23 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "outcomes" section.
import React from 'react';
import FeaturesBorderGlow from "@/components/sections/features/FeaturesBorderGlow";
import { LayoutGrid, TrendingUp, Target, Palette, BarChart, Users, Megaphone, Search } from "lucide-react";
export default function OutcomesSection(): React.JSX.Element {
return (
<div id="outcomes" data-section="outcomes">
<FeaturesBorderGlow
tag="De ce SwiftCloud?"
title="Beneficii pentru creșterea afacerii"
description="Partenerul tău pentru succes în mediul online."
features={[
{ icon: LayoutGrid, title: "UI/UX Personalizat", description: "Design unic pentru experiențe memorabile." },
{ icon: TrendingUp, title: "Marketing bazat pe date", description: "Campanii optimizate pentru rezultate maxime." },
{ icon: Target, title: "Focus pe Conversii", description: "Fiecare element este gândit pentru a vinde." },
]}
/>
</div>
);
}

31
src/pages/HomePage/sections/Pricing.tsx Normal file
View File

@@ -0,0 +1,31 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "pricing" section.
import React from 'react';
import PricingLayeredCards from "@/components/sections/pricing/PricingLayeredCards";
export default function PricingSection(): React.JSX.Element {
return (
<div id="pricing" data-section="pricing">
<PricingLayeredCards
tag="Pachete"
title="Soluții adaptate obiectivelor tale"
description="Alege pachetul potrivit pentru maturitatea digitală a business-ului tău."
plans={[
{
tag: "Start-up", price: "€800", description: "Perfect pentru lansări rapide.", primaryButton: { text: "Alege Start-up", href: "#contact" },
features: ["Web Design Landing Page", "SEO de bază", "Mentenanță 1 lună"],
},
{
tag: "Growth", price: "€2,200", description: "Pentru afaceri în expansiune.", primaryButton: { text: "Alege Growth", href: "#contact" },
features: ["Website Full-Stack", "Campanii Google Ads", "Copywriting Profesional"],
},
{
tag: "Enterprise", price: "Custom", description: "Strategii complexe pentru lideri.", primaryButton: { text: "Contactează-ne", href: "#contact" },
features: ["Platforme custom", "Marketing 360°", "Analiză avansată"],
},
]}
/>
</div>
);
}

35
src/pages/HomePage/sections/Security.tsx Normal file
View File

@@ -0,0 +1,35 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "security" section.
import React from 'react';
import FeaturesBento from "@/components/sections/features/FeaturesBento";
import { LayoutGrid, TrendingUp, Target, Palette, BarChart, Users, Megaphone, Search } from "lucide-react";
export default function SecuritySection(): React.JSX.Element {
return (
<div id="security" data-section="security">
<FeaturesBento
tag="Serviciile Noastre"
title="Expertiză completă pentru prezența ta online"
description="De la design UI/UX inovator la campanii de marketing orientate pe performanță."
features={[
{
bentoComponent: "orbiting-icons", centerIcon: Palette,
orbitIcons: [LayoutGrid, Target, Search, Megaphone],
title: "Web Design Creativ", description: "Interfețe intuitive adaptate identității brandului tău."},
{
bentoComponent: "tilted-stack-cards", stackCards: [
{ icon: BarChart, title: "Optimizare SEO", subtitle: "Top clasări", detail: "Organic" },
{ icon: Target, title: "Campanii Ads", subtitle: "ROI mare", detail: "Targetat" },
{ icon: Users, title: "Content Social", subtitle: "Engagement", detail: "Social" },
],
title: "Strategie Digitală", description: "Planificăm acțiuni care atrag și rețin clienții."},
{
bentoComponent: "icon-text-marquee", centerIcon: TrendingUp,
marqueeTexts: ["Creștere trafic", "Conversii ridicate", "Vizibilitate", "Brand awareness"],
title: "Marketing Digital", description: "Analizăm și optimizăm constant pentru a maximiza rezultatele."},
]}
/>
</div>
);
}

22
src/pages/HomePage/sections/Team.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "team" section.
import React from 'react';
import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
export default function TeamSection(): React.JSX.Element {
return (
<div id="team" data-section="team">
<TeamOverlayCards
tag="Echipa"
title="Profesioniști pasionați de digital"
description="O echipă multidisciplinară unită de dorința de a inova constant."
members={[
{ name: "Andrei M.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg" },
{ name: "Elena S.", role: "Marketing Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg" },
{ name: "Victor D.", role: "Digital Analyst", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-businessman-desk_23-2149270979.jpg" },
]}
/>
</div>
);
}