47 lines
3.2 KiB
React
47 lines
3.2 KiB
React
import React, { useState, useEffect } from 'react';
|
|
import { Toast } from './Toast';
|
|
|
|
export const DomainSetupForm = ({ defaultSubdomain }) => {
|
|
// Deployment state
|
|
const [deploymentType, setDeploymentType] = useState('app');
|
|
const [appType, setAppType] = useState('wordpress');
|
|
const [sampleWebAppType, setSampleWebAppType] = useState('developer'); // New state for sample web app type
|
|
const [sourceType, setSourceType] = useState('public');
|
|
const [repoUrl, setRepoUrl] = useState('');
|
|
const [deploymentKey, setDeploymentKey] = useState('');
|
|
const [fileName, setFileName] = useState('');
|
|
|
|
// Sample web app template information
|
|
const templateInfo = {
|
|
developer: {
|
|
name: "Developer Portfolio",
|
|
description: "A modern, responsive portfolio site with sections for projects, skills, and contact information. Perfect for developers to showcase their work.",
|
|
features: ["Project showcase", "Skills section", "GitHub integration", "Contact form", "Blog ready"],
|
|
image: "https://images.unsplash.com/photo-1498050108023-c5249f4df085?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2072&q=80"
|
|
},
|
|
designer: {
|
|
name: "Designer Portfolio",
|
|
description: "A visually stunning portfolio for designers with image galleries, case studies, and animations to showcase creative work.",
|
|
features: ["Visual gallery", "Case studies", "Color scheme customization", "Smooth animations", "Design process showcase"],
|
|
image: "https://images.unsplash.com/photo-1561070791-2526d30994b5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2000&q=80"
|
|
},
|
|
photographer: {
|
|
name: "Photographer Portfolio",
|
|
description: "An elegant portfolio with fullscreen galleries, image zooming, and lightbox features designed for photographers to display their work.",
|
|
features: ["Fullscreen galleries", "Image zoom", "Lightbox", "Category filtering", "Client proofing"],
|
|
image: "https://images.unsplash.com/photo-1542038784456-1ea8e935640e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
|
|
},
|
|
documentation: {
|
|
name: "Documentation Site",
|
|
description: "A comprehensive documentation site with search, code snippets, and versioning support for technical documentation.",
|
|
features: ["Search functionality", "Code snippets with syntax highlighting", "Versioning", "Sidebar navigation", "Mobile-friendly"],
|
|
image: "https://images.unsplash.com/photo-1456406644174-8ddd4cd52a06?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2068&q=80"
|
|
},
|
|
business: {
|
|
name: "Single Page Business Site",
|
|
description: "A professional one-page website for businesses with sections for services, testimonials, team members, and contact information.",
|
|
features: ["Single page layout", "Services section", "Testimonials", "Team profiles", "Contact form with map"],
|
|
image: "https://images.unsplash.com/photo-1560179707-f14e90ef3623?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2073&q=80"
|
|
}
|
|
};
|