Reordenando ficheros y subida de documentacion
This commit is contained in:
Carlos Narro
BIN
mvp/b2c/src/app/favicon.ico
Normal file
BIN
mvp/b2c/src/app/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
113
mvp/b2c/src/app/globals.css
Normal file
113
mvp/b2c/src/app/globals.css
Normal file
@@ -0,0 +1,113 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme {
|
||||
/* Colors */
|
||||
--color-black: #0a0a0a;
|
||||
--color-dark: #111111;
|
||||
--color-gray-900: #1a1a1a;
|
||||
--color-gray-800: #2d2d2d;
|
||||
--color-gray-600: #555555;
|
||||
--color-gray-400: #888888;
|
||||
--color-gray-300: #d1d1d1;
|
||||
--color-gray-200: #e5e5e5;
|
||||
--color-gray-100: #f5f5f5;
|
||||
--color-gray-50: #fafafa;
|
||||
--color-white: #ffffff;
|
||||
|
||||
/* Accent */
|
||||
--color-accent: #0066ff;
|
||||
--color-accent-dark: #0052cc;
|
||||
--color-accent-light: #e8f0fe;
|
||||
|
||||
/* Status */
|
||||
--color-success: #00c853;
|
||||
--color-error: #ff3b3b;
|
||||
|
||||
/* Fonts */
|
||||
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
|
||||
/* Transitions */
|
||||
--transition-fast: 150ms ease;
|
||||
--transition-base: 250ms ease;
|
||||
--transition-slow: 400ms ease;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-sans);
|
||||
font-size: 1rem;
|
||||
color: var(--color-dark);
|
||||
background-color: var(--color-white);
|
||||
line-height: 1.6;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* Custom Scrollbar */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: var(--color-gray-100);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--color-gray-400);
|
||||
border-radius: 9999px;
|
||||
}
|
||||
}
|
||||
|
||||
@layer components {
|
||||
/* Layout */
|
||||
.container {
|
||||
@apply w-full max-w-7xl mx-auto px-6 md:px-4;
|
||||
}
|
||||
|
||||
.section {
|
||||
@apply py-16 md:py-24;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.btn {
|
||||
@apply inline-flex items-center justify-center gap-2 px-6 py-3 text-base font-semibold rounded-lg transition-all duration-250 ease-out whitespace-nowrap cursor-pointer tracking-tight;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@apply bg-black text-white border-2 border-black hover:bg-gray-900 hover:border-gray-900 hover:-translate-y-[1px] hover:shadow-[0_8px_32px_rgba(0,0,0,0.10)];
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
@apply bg-transparent text-dark border-2 border-gray-200 hover:border-dark hover:-translate-y-[1px];
|
||||
}
|
||||
|
||||
.btn-accent {
|
||||
@apply bg-accent text-white border-2 border-accent hover:bg-accent-dark hover:border-accent-dark hover:-translate-y-[1px] hover:shadow-[0_8px_24px_rgba(0,102,255,0.3)];
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
@apply px-8 py-4 text-lg rounded-xl;
|
||||
}
|
||||
|
||||
/* Badges */
|
||||
.badge {
|
||||
@apply inline-flex items-center gap-2 px-3 py-2 text-xs font-semibold uppercase tracking-widest rounded-full;
|
||||
}
|
||||
|
||||
.badge-dark {
|
||||
@apply bg-black text-white;
|
||||
}
|
||||
|
||||
.badge-accent {
|
||||
@apply bg-accent-light text-accent;
|
||||
}
|
||||
}
|
||||
26
mvp/b2c/src/app/layout.tsx
Normal file
26
mvp/b2c/src/app/layout.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import type { Metadata } from 'next';
|
||||
import './globals.css';
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'FlowSync — El SaaS que impulsa tu equipo',
|
||||
description:
|
||||
'Automatiza flujos de trabajo, conecta equipos y escala tu negocio con FlowSync. La plataforma SaaS todo-en-uno para equipos modernos.',
|
||||
keywords: ['SaaS', 'productividad', 'automatización', 'equipos', 'gestión de proyectos'],
|
||||
openGraph: {
|
||||
title: 'FlowSync — El SaaS que impulsa tu equipo',
|
||||
description: 'Automatiza flujos de trabajo y escala tu negocio con FlowSync.',
|
||||
type: 'website',
|
||||
},
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<html lang="es">
|
||||
<body>{children}</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
22
mvp/b2c/src/app/page.tsx
Normal file
22
mvp/b2c/src/app/page.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
import Navbar from '@/components/Navbar/Navbar';
|
||||
import Hero from '@/components/Hero/Hero';
|
||||
import ReformaSlider from '@/components/ReformaSlider/ReformaSlider';
|
||||
import Features from '@/components/Features/Features';
|
||||
import Pricing from '@/components/Pricing/Pricing';
|
||||
import ContactForm from '@/components/ContactForm/ContactForm';
|
||||
import Footer from '@/components/Footer/Footer';
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
{/* <Navbar /> */}
|
||||
<main id="main-content">
|
||||
<Hero />
|
||||
<ReformaSlider />
|
||||
<Features />
|
||||
<Pricing />
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user