Sylvan Couture: A Landing Page with Style

This is the code for a landing page named Sylvan Couture. It utilizes HTML, CSS, and JavaScript (GSAP library) to create a visually appealing and interactive experience.

Features

• Animated text reveals with a marquee effect.
• Color scheme inspired by nature with a rose white background and resolution blue accents.
• Elegant typography using custom fonts (Vega and Geist).
• Minimalist layout with a focus on the brand name.
• Simple navigation bar and footer.

Getting Started

1. Clone or Download the Repository: Acquire the code for this project.
2. Set Up Local Environment: Ensure you have a code editor and a web server set up for local development.
3. Create Fonts Folder: Create a folder named font within your project directory and place the Vegawanty.ttf and Geist.ttf font files inside it.
4. Run the Project: Open the index.html file in your web browser to see the landing page in action.

Technical Breakdown

• The HTML file (index.html) structures the layout of the page and includes references to the CSS (style.css) and JavaScript (script.js) files.
• The CSS file (style.css) defines styles for various elements like text, colors, positioning, and animations.
• The JavaScript file (script.js) leverages GSAP library to create the animated text reveals and clip animations.

Customization

Feel free to modify the CSS styles and GSAP animations to tailor the look and feel of the landing page to your specific needs.

Additional Notes

• This is a basic landing page template and can be further extended to include additional functionalities.
• Consider adding responsiveness to ensure the layout adapts seamlessly across different screen sizes.

Author

Rudra-xi

License

This project is licensed under the MIT License. See the file for more information.