sendinblue-website-clone

Here’s a Sendinblue-inspired marketing website clone built with React.js for the frontend, Node.js for the backend, and MongoDB for the database. The site features a sleek, responsive design with a teal and white color scheme, mimicking Sendinblue’s branding.

**Homepage:**
The hero section prominently displays the tagline 'Grow Your Business with Smart Marketing Tools' alongside a 'Get Started Free' button. Below, three feature cards highlight Email Marketing, SMS Marketing, and Automation workflows. A testimonials section showcases user feedback, such as: 'Sendinblue helped us increase our open rates by 40% in just 3 months!' from a fictional e-commerce store, 'ShopEase.'

**Email Marketing Page:**
A dynamic dashboard allows users to create, schedule, and track email campaigns. The interface includes a drag-and-drop editor, pre-built templates (e.g., 'Welcome Series,' 'Promotional Blasts'), and real-time analytics. A sample campaign titled 'Summer Sale Alert' shows a 25% open rate and 12% click-through rate, with a conversion graph displaying engagement trends.

**Signup & Login:**
The signup process requires an email, password, and company name. Upon submission, users receive a verification email with a 6-digit code. The login page includes 'Forgot Password?' and 'Continue with Google' options. A sample user, '[email protected],' successfully signs up and is redirected to the dashboard.

**SMS Marketing Page:**
A simplified interface lets users compose SMS messages, select recipient lists, and schedule delivery. A sample campaign for a fictional restaurant, 'Bella Italia,' targets 500 customers with a 20% discount offer, resulting in a 15% redemption rate.

**Automation Workflows:**
The automation page features a visual workflow builder where users can drag and drop triggers (e.g., 'New Subscriber') and actions (e.g., 'Send Email'). A sample workflow titled 'Abandoned Cart Recovery' triggers an email 1 hour after a user leaves a cart, achieving a 10% recovery rate in test data.

**Footer:**
Includes links to Help Center, Pricing, and Legal pages, along with a newsletter signup form. Social media icons link to Twitter, LinkedIn, and Facebook.

The site is fully responsive, adapting seamlessly to mobile, tablet, and desktop screens. Performance metrics show a 95% Lighthouse score for accessibility and best practices.