look-like-interior

Luxe Interiors - Luxury Interior Design Website

A stunning, production-ready Next.js website for an international luxury interior design brand.

🌟 Features

📁 Project Structure

luxury-interiors/
├── app/
│   ├── about/
│   │   └── page.tsx
│   ├── contact/
│   │   └── page.tsx
│   ├── projects/
│   │   └── page.tsx
│   ├── services/
│   │   └── page.tsx
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── CTA.tsx
│   ├── FeaturedProjects.tsx
│   ├── Footer.tsx
│   ├── Hero.tsx
│   ├── Navbar.tsx
│   ├── Services.tsx
│   └── Testimonials.tsx
├── public/
├── .gitignore
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.js
└── tsconfig.json

🚀 Getting Started

Prerequisites

Installation

  1. Clone or download the project

  2. Install dependencies 
    npm install
  3. Run the development server 
    npm run dev
  4. Open your browser Navigate to http://localhost:3000

📦 Available Scripts

# Development server
npm run dev

# Production build
npm run build

# Start production server
npm start

# Run linter
npm run lint

🔧 Git Setup

Initialize Git Repository

cd luxury-interiors
git init
git add .
git commit -m "Initial commit: Luxury interior design website"
git branch -M main

Push to GitHub

  1. Create a new repository on GitHub (don’t initialize with README)

  2. Add remote and push

    git remote add origin https://github.com/YOUR-USERNAME/YOUR-REPO-NAME.git
git push -u origin main

🌐 Deployment

  1. Install Vercel CLI (optional) 
    npm install -g vercel
  2. Deploy via GitHub (Easiest method)
    • Go to vercel.com
    • Click “New Project”
    • Import your GitHub repository
    • Vercel will auto-detect Next.js settings
    • Click “Deploy”
  3. Deploy via CLI 
    vercel

Vercel Configuration:

Deploy to Netlify

  1. Create netlify.toml in project root ```toml [build] command = “npm run build” publish = “.next”

[[plugins]] package = “@netlify/plugin-nextjs”


2. **Deploy via GitHub**
   - Go to [netlify.com](https://netlify.com)
   - Click "Add new site" → "Import an existing project"
   - Connect to GitHub and select your repository
   - Build settings will be auto-detected from netlify.toml
   - Click "Deploy site"

3. **Deploy via CLI**
```bash
npm install -g netlify-cli
netlify deploy --prod

🎨 Customization

Colors

Edit tailwind.config.js to change the luxury color scheme:

colors: {
  luxury: {
    gold: '#D4AF37',
    darkGold: '#B8941E',
    cream: '#F5F5DC',
    charcoal: '#2C2C2C',
    lightGray: '#F8F8F8',
  },
}

Images

Replace Unsplash URLs in components with your own images. Update next.config.js if using different image domains:

images: {
  domains: ['your-image-domain.com'],
}

Content

🔍 SEO

All pages include:

📱 Pages

🛠️ Built With

📄 License

This project is ready for commercial use.

🤝 Support

For issues or questions, please open an issue on GitHub.

Built with ❤️ for luxury interior design brands