Personal Link Tree

A premium, interactive personal link tree with elegant animations and a luxury aesthetic.

Features

• Interactive Welcome Screen: Beautiful shader-based welcome screen with subtle gold particle effects
• Premium Design: Elegant dark theme with gold accents and professional typography
• Smooth Animations: GSAP-powered animations with staggered reveals and parallax effects
• Responsive Layout: Adapts perfectly to all screen sizes
• Custom Cursor: Elegant custom cursor with interactive hover effects
• Link Cards: Stylish cards for your important links with hover animations
• Profile Section: Clean profile display with status indicator
• Service Categories: Showcase your services or skills
• Testimonials: Display feedback from clients or colleagues
• Premium Fonts: Custom typography using specialized display and body fonts
• Contact Form: Elegant contact form with form validation (reCAPTCHA integration coming soon)

Technologies Used

• HTML5, CSS3, JavaScript
• GSAP (GreenSock Animation Platform)
• Three.js for WebGL shaders
• Custom Fonts (Rustic Roadway, Wasted Vindey)
• Form validation and API integration

Getting Started

1. Clone the repository:

   git clone https://github.com/Gcavazo1/Personal_link_tree.git
   

2. Open index.html in your browser to view the project.

3. Customize the content in script.js to add your own links, services, and testimonials.

4. Replace assets/profilePicture.jpg with your own profile image.

Customization

Adding Links

Edit the links array in script.js to add your own links:

const links = [
    {
        title: "Fiverr Profile",
        url: "https://www.fiverr.com/s/6Y217ER",
        icon: "⭐",
        description: "Hire me for premium web development and design services"
    },
    // Add more links here
];

Changing Colors

The color scheme can be modified in the :root section of styles.css.

Pages

Home Page (index.html)

The main link tree page with profile information, links, and services.

Digital Consulting (consulting.html)

A dedicated page for consulting services featuring:

• Interactive shader effects
• Service packages
• Process timeline
• Testimonials

Contact Page (contact.html)

A fully functional contact form page with:

• Contact information
• Social links
• Form validation
• Map integration

To-Do Items

See the TODO.md file for upcoming improvements and features to be implemented.

Credits

• Created by Gabriel Cavazos
• Shader effects inspired by premium web experiences
• Icons and design elements carefully crafted for a luxury feel

License

This project is available for personal use. For commercial use, please contact the author.

Contact

• GitHub: Gcavazo1
• Portfolio: Dev Portfolio
• Fiverr: Fiverr Profile
• Email: gcavazo1@gmail.com