Spaces:
Running
Running
Ctrl+K
- 1.52 kB initial commit
- 213 Bytes Generate a complete, fully functional, professional website for "Classic Link", a construction, building, and maintenance company. The website must be built using PHP for backend logic, MySQL for data storage, Tailwind CSS for styling, vanilla JavaScript for interactivity, and include a secure .env file for environment variables. The site must be fully responsive, mobile-friendly, and optimized for performance. Use a futuristic design theme with black-and-blue gradients (from blue-800 to indigo-900), neon cyan accents, 3D rounded edges, and animations (e.g., fade-ins, slides, pulses, ripples). Include a CDN for Tailwind CSS and Google Fonts (Poppins). The directory structure should be: root/ images/ (for logo.png, header-back.png, slider1.png, slider2.png, slider3.png, slider4.png, team.jpg, residential-icon.png, commercial-icon.png, maintenance-icon.png, grid-overlay.png, and uploaded files) css/ (styles.css) js/ (scripts.js) index.php (main template with header, footer, and routing via ?page=) db_connect.php (database connection using PDO, with session_start() and credentials from .env) home.php (Home page with hero slider, services, about, testimonials) about.php services.php gallery.php contact.php admin-login.php admin-dashboard.php .env (secure file for DB_HOST=localhost, DB_USER=root, DB_PASS='', DB_NAME=classic_link) database.sql (SQL script to create database and tables with sample data) Load environment variables from .env using a simple parser in db_connect.php (e.g., parse_ini_file('.env')). Do not expose credentials in code. Database Schema (database.sql): CREATE DATABASE classic_link; USE classic_link; CREATE TABLE services ( id INT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(255) NOT NULL, description TEXT NOT NULL ); CREATE TABLE gallery ( id INT AUTO_INCREMENT PRIMARY KEY, image_path VARCHAR(255) NOT NULL, caption VARCHAR(255) ); CREATE TABLE contact_messages ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(255) NOT NULL, email VARCHAR(255) NOT NULL, message TEXT NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); CREATE TABLE testimonials ( id INT AUTO_INCREMENT PRIMARY KEY, quote TEXT NOT NULL, author VARCHAR(255) NOT NULL ); CREATE TABLE admins ( id INT AUTO_INCREMENT PRIMARY KEY, username VARCHAR(255) NOT NULL UNIQUE, password VARCHAR(255) NOT NULL, profile_image VARCHAR(255) ); INSERT INTO services (title, description) VALUES ('Residential Construction', 'Building high-quality homes tailored to your needs.'), ('Commercial Construction', 'Delivering robust solutions for commercial spaces.'), ('Maintenance Services', 'Comprehensive maintenance for residential and commercial properties.'); INSERT INTO testimonials (quote, author) VALUES ('Classic Link transformed our home with unmatched quality and professionalism!', 'Jane Doe'), ('Their team delivered our office project on time and exceeded expectations.', 'John Smith'), ('Reliable maintenance services that keep our properties in top shape.', 'Emily Johnson'); INSERT INTO admins (username, password) VALUES ('admin', '$2y$10$z5Qz7pX8z9k1y2m3n4o5p6.q7r8s9t0u1v2w3x4y5z6a7b8c9d0e'); Routing: Use index.php as the main entry point with a ?page= query parameter to include pages (e.g., ?page=home for home.php). The header and footer are in index.php. Header (in index.php): Futuristic design with header-back.png background, rounded bottom edges (rounded-b-3xl), 3D shadow, neon cyan glow, pulsing border, and particle animation (using Particles.js CDN). Logo (200x200 pixels, responsive: w-32 md:w-48 lg:w-[200px]), with pulse glow and 360° rotation on hover. Navigation tabs with wave-in animation, 3D flip on hover, rippling underline, and active tab highlight. CTA "Contact Us" with neon glow and scale on hover. Mobile menu slides in with rounded edges. Shrink on scroll with 3D tilt. Footer (in index.php): Gradient background with shimmering text, rotating social icons (SVG for Facebook, Twitter, LinkedIn), wave transition, animated grid overlay, pulsing border, and animated stats (500+ Projects, 20+ Years, 100% Satisfaction). "Back to Top" button with rocket morph and rotation on hover. Home Page (home.php): Hero slider with slider1.png to slider4.png, gradient overlay, animated text/CTA, navigation arrows/dots with neon effects, auto-cycle every 5s, fade transitions. Services grid with icons, titles, descriptions, "Learn More" link. About section with text, image, "Read More" CTA. Testimonials carousel with arrows. Other Pages: Keep as is, but ensure header/footer enhancements apply. Admin Features: Login at ?page=admin-login. Dashboard at ?page=admin-dashboard with gallery management, password update, profile image upload. CSS (styles.css): Include all existing styles plus new animations (waveIn, ripple, pulse-glow, shimmer, wave-top, grid-flow). JS (scripts.js): Include slider logic, particles.js init, and existing functions. - Initial Deployment
- 50.9 kB Generate a complete, fully functional, professional website for "Classic Link", a construction, building, and maintenance company. The website must be built using PHP for backend logic, MySQL for data storage, Tailwind CSS for styling, vanilla JavaScript for interactivity, and include a secure .env file for environment variables. The site must be fully responsive, mobile-friendly, and optimized for performance. Use a futuristic design theme with black-and-blue gradients (from blue-800 to indigo-900), neon cyan accents, 3D rounded edges, and animations (e.g., fade-ins, slides, pulses, ripples). Include a CDN for Tailwind CSS and Google Fonts (Poppins). The directory structure should be: root/ images/ (for logo.png, header-back.png, slider1.png, slider2.png, slider3.png, slider4.png, team.jpg, residential-icon.png, commercial-icon.png, maintenance-icon.png, grid-overlay.png, and uploaded files) css/ (styles.css) js/ (scripts.js) index.php (main template with header, footer, and routing via ?page=) db_connect.php (database connection using PDO, with session_start() and credentials from .env) home.php (Home page with hero slider, services, about, testimonials) about.php services.php gallery.php contact.php admin-login.php admin-dashboard.php .env (secure file for DB_HOST=localhost, DB_USER=root, DB_PASS='', DB_NAME=classic_link) database.sql (SQL script to create database and tables with sample data) Load environment variables from .env using a simple parser in db_connect.php (e.g., parse_ini_file('.env')). Do not expose credentials in code. Database Schema (database.sql): CREATE DATABASE classic_link; USE classic_link; CREATE TABLE services ( id INT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(255) NOT NULL, description TEXT NOT NULL ); CREATE TABLE gallery ( id INT AUTO_INCREMENT PRIMARY KEY, image_path VARCHAR(255) NOT NULL, caption VARCHAR(255) ); CREATE TABLE contact_messages ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(255) NOT NULL, email VARCHAR(255) NOT NULL, message TEXT NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); CREATE TABLE testimonials ( id INT AUTO_INCREMENT PRIMARY KEY, quote TEXT NOT NULL, author VARCHAR(255) NOT NULL ); CREATE TABLE admins ( id INT AUTO_INCREMENT PRIMARY KEY, username VARCHAR(255) NOT NULL UNIQUE, password VARCHAR(255) NOT NULL, profile_image VARCHAR(255) ); INSERT INTO services (title, description) VALUES ('Residential Construction', 'Building high-quality homes tailored to your needs.'), ('Commercial Construction', 'Delivering robust solutions for commercial spaces.'), ('Maintenance Services', 'Comprehensive maintenance for residential and commercial properties.'); INSERT INTO testimonials (quote, author) VALUES ('Classic Link transformed our home with unmatched quality and professionalism!', 'Jane Doe'), ('Their team delivered our office project on time and exceeded expectations.', 'John Smith'), ('Reliable maintenance services that keep our properties in top shape.', 'Emily Johnson'); INSERT INTO admins (username, password) VALUES ('admin', '$2y$10$z5Qz7pX8z9k1y2m3n4o5p6.q7r8s9t0u1v2w3x4y5z6a7b8c9d0e'); Routing: Use index.php as the main entry point with a ?page= query parameter to include pages (e.g., ?page=home for home.php). The header and footer are in index.php. Header (in index.php): Futuristic design with header-back.png background, rounded bottom edges (rounded-b-3xl), 3D shadow, neon cyan glow, pulsing border, and particle animation (using Particles.js CDN). Logo (200x200 pixels, responsive: w-32 md:w-48 lg:w-[200px]), with pulse glow and 360° rotation on hover. Navigation tabs with wave-in animation, 3D flip on hover, rippling underline, and active tab highlight. CTA "Contact Us" with neon glow and scale on hover. Mobile menu slides in with rounded edges. Shrink on scroll with 3D tilt. Footer (in index.php): Gradient background with shimmering text, rotating social icons (SVG for Facebook, Twitter, LinkedIn), wave transition, animated grid overlay, pulsing border, and animated stats (500+ Projects, 20+ Years, 100% Satisfaction). "Back to Top" button with rocket morph and rotation on hover. Home Page (home.php): Hero slider with slider1.png to slider4.png, gradient overlay, animated text/CTA, navigation arrows/dots with neon effects, auto-cycle every 5s, fade transitions. Services grid with icons, titles, descriptions, "Learn More" link. About section with text, image, "Read More" CTA. Testimonials carousel with arrows. Other Pages: Keep as is, but ensure header/footer enhancements apply. Admin Features: Login at ?page=admin-login. Dashboard at ?page=admin-dashboard with gallery management, password update, profile image upload. CSS (styles.css): Include all existing styles plus new animations (waveIn, ripple, pulse-glow, shimmer, wave-top, grid-flow). JS (scripts.js): Include slider logic, particles.js init, and existing functions. - Initial Deployment
- 388 Bytes initial commit