RISE Enterprises is a premium business website for a leading construction and infrastructure company based in Pune, India. This project showcases the company's portfolio, services, leadership, and contact information with a modern, responsive, and highly optimized user experience.
RISE is designed to:
- Present a professional, business-focused online presence for a construction firm
- Highlight completed projects with fast-loading, optimized images and detailed project pages
- Clearly communicate the company's mission, vision, leadership, and advantages
- Provide a seamless contact experience with a secure, SMTP-powered contact form
- Deliver a premium, glassmorphic UI with smooth navigation and mobile-first design
- Next.js 15 with App Router for fast, SEO-friendly pages
- TypeScript for type safety and maintainability
- Tailwind CSS v4 for rapid, responsive, and modern styling
- Dynamic imports & Suspense for code splitting and fast initial load
- Optimized Images using next/image and custom preloading
- Animated, glassy navigation with section scroll and mobile enhancements
- Project gallery with modal and floating CTA on project details
- Contact form with serverless API route and SMTP email delivery
- .env.local support for secure configuration
- ESLint and Prettier for code quality
This is a Next.js project bootstrapped with create-next-app.
git clone https://github.com/your-username/RISE.git
cd RISE
npm install # or yarn install or pnpm installnpm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 in your browser.
npm run build
npm startnpm run lint # Check code quality
npm run format # Format code with Prettier (if configured)Create a .env.local file in the root directory with the following:
# SMTP Configuration for Contact Form
SMTP_HOST=smtp.gmail.com
SMTP_PORT=587
SMTP_USER=your-email@gmail.com
SMTP_PASS=your-app-password
OWNER_EMAIL=your-email@gmail.comNote: Use an app password for Gmail SMTP. Never commit
.env.localto version control.
To use Gmail for sending emails from the contact form, follow these steps:
- Enable 2-Step Verification on your Google account.
- Create an App Password:
- Go to your Google Account → Security → App Passwords.
- Select "Mail" as the app and "Other" for the device (e.g., "RISE App").
- Generate the password and copy it.
- Configure SMTP in
.env.local:- Use your Gmail address as
SMTP_USER. - Use the generated app password as
SMTP_PASS. - Example:
SMTP_HOST=smtp.gmail.com SMTP_PORT=465 SMTP_USER=your-email@gmail.com SMTP_PASS=your-app-password
- Use your Gmail address as
Important:
- Do not use your regular Gmail password. Always use an app password for SMTP.
- Never commit
.env.localto version control.
- POST
/api/contact- Accepts:
{ name, email, phone }in JSON body - Sends an email to the owner using the SMTP credentials from
.env.local - Returns:
{ message: string }on success,{ error: string }on failure
- Accepts:
Example request:
curl -X POST http://localhost:3000/api/contact \
-H "Content-Type: application/json" \
-d '{"name":"John Doe","email":"john@example.com","phone":"1234567890"}'You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.