Live Demo
A deployed version of the project that can be opened and tested in the browser.
https://aurora.zandeckidev.pl
Open linkProject detailsBusiness WebsiteCompleted
Aurora Beauty
Aurora Beauty is a production business website project created for the beauty industry. It is deployed under a dedicated subdomain, connected to a public source repository and presented as a complete case study focused on service clarity, trust-building sections, responsive layout and consistent visual direction.
- Liveon
- Sourceon
- Previewon
Next.jsTypeScriptTailwind CSSStatic ExportCloudflare Pages
aurora-beauty
Project links
Live version and source code
This section collects external links connected with the project. When a project is deployed or published, the links are available here.
Available
Source Code
The source code repository with the project structure, components and implementation details.
https://github.com/PiotrZandecki/aurora-beauty-site
Open linkLive preview
Embedded project preview
When a project has a deployed live version, it can be previewed directly inside the portfolio case study.
Live browser preview
Snapshot
Project at a glance
A compact overview of the project type, status, stack and the most important implementation highlights.
- Status
- Completed
- Year
- 2026
- Type
- Business Website
- Technologies
- Next.js, TypeScript, Tailwind CSS
Key highlights
- Production deployment under aurora.zandeckidev.pl
- Public GitHub source repository
- Service-focused business website structure
- Responsive layout for mobile and desktop
Technical overview
Project delivery status
A quick technical status of the project: deployment, source code, visual preview and implementation stack.
Live demo
AvailableThis project has a live version that can be opened and tested in the browser.
https://aurora.zandeckidev.pl
Source code
AvailableThe source repository is available and can be reviewed externally.
https://github.com/PiotrZandecki/aurora-beauty-site
Visual preview
AvailableThe project currently uses a designed preview image prepared for the portfolio case study.
Designed portfolio preview
Stack
AvailableTechnologies used to build or present this project inside the portfolio.
Next.js, TypeScript, Tailwind CSS, Static Export, Cloudflare Pages
Implementation
A service-oriented business website with visual consistency.
Aurora Beauty is structured as a polished business website for a beauty brand. The focus is presentation, trust-building sections, responsive layout and consistent visual direction.
Business page structure
The page is organized around sections that support business presentation and user trust.
Key points
- Hero section for first impression
- Service-focused content blocks
- Testimonials and trust areas
Responsive presentation
The layout is prepared to communicate clearly on both mobile and desktop devices.
Key points
- Mobile-first spacing adjustments
- Readable service cards
- Clear visual hierarchy
Visual direction
The design uses a consistent soft visual language suitable for a beauty-related brand.
Key points
- Soft color direction
- Consistent image style
- Business-friendly layout rhythm
Testing & review
Checked as a static business website.
The main review focus is responsive layout, visual consistency, content readability and production build stability.
Responsive layout
The website should remain polished and readable across screen sizes.
Checks
- Hero section on mobile
- Service cards on desktop
- Spacing between content sections
Production readiness
The page should build successfully and be ready for deployment once final links are connected.
Checks
- Lint check
- Production build
- Final asset review
Quality checklist
Technical presentation readiness
A project-focused checklist showing which presentation and delivery elements are already available inside the case study.
Case study page
ReadyThe project has a dedicated case study page with structured sections.
Live demo
ReadyThe deployed project can be opened and tested directly in the browser.
Source code
ReadyThe source repository is connected and can be reviewed externally.
Visual preview
ReadyThe project has a visual preview prepared for portfolio presentation.
Technical stack
ReadyThe technologies used in the project are listed and visible.
Next steps
ReadyThe project has a clear list of future improvements or development notes.
Release status
Production business website connected to live and source links.
Aurora Beauty is now deployed under a dedicated subdomain, connected to a public GitHub repository and available as an embedded live preview inside the portfolio case study.
Live demo
Live on Cloudflare Pages
The production deployment is connected and publicly available under the aurora.zandeckidev.pl subdomain.
Resolved live URL
https://aurora.zandeckidev.pl
- The project is deployed as a production business website.
- The live URL points to aurora.zandeckidev.pl.
- The case study can embed the live site directly from the subdomain.
Source code
Repository connected
The public source repository is connected and available from the project links.
Resolved source URL
https://github.com/PiotrZandecki/aurora-beauty-site
- The source link points to the Aurora Beauty GitHub repository.
- The repository documents the business website structure and implementation.
- The source card is now active in the technical project sections.
Visual preview
Preview and live connected
A designed visual preview remains connected, while the live deployment is now available as the primary project reference.
Asset
/project-previews/aurora-beauty-home.svg
- The designed preview supports project cards and visual context.
- The embedded live preview can reference the deployed production site.
- Production screenshots can still be added later if needed.
Build command
npm run build
Build output
Production static website build
Checks
- Production URL is connected.
- Public GitHub repository is connected.
- Embedded live preview can load from the dedicated subdomain.
Live code showcase
A looping preview of the code behind the case study.
A curated look at selected implementation fragments. The preview loops through project files while the source button stays available when a public repository is connected.
Repository connectedAurora Beauty
Business landing hero
The hero section sets the visual direction, value proposition and primary call to action.
Code preview
src/components/HeroSection.tsx
src/components/HeroSection.tsx
01Asset manifest
Visual preview assets
A technical overview of the preview assets used to present this project across cards, featured sections and case study pages.
Landing page hero
A first-impression section focused on brand mood, positioning and clarity.
- Asset path
- /project-previews/aurora-beauty-home.svg
- Asset type
- SVG preview
- Designed size
- 1200 × 760
Used in
- Project cards
- Featured project section
- Case study hero
- Visual preview section
Preview and live connected
A designed visual preview remains connected, while the live deployment is now available as the primary project reference.
Future screenshot replacement
Designed SVG previews can be replaced with real screenshots once the project has a final live deployment.
Case Study
How this project was built
A short breakdown of the project scope, features, technical decisions, implementation challenges and next delivery steps.
Features
- Hero section designed for a strong first impression.
- Service sections with clear descriptions and visual separation.
- Testimonials prepared for social proof.
- Responsive design adjusted for different screen sizes.
Technical decisions
- The page structure prioritizes services, trust signals and clear conversion paths.
- Reusable sections keep the visual direction consistent across the full business website.
- Image assets are integrated to support the brand mood without overwhelming the layout.
- The project is deployed as a production-ready static website under a dedicated subdomain.
Challenges
- Maintaining one consistent visual direction across the whole page.
- Making the design feel polished without overcomplicating the layout.
- Balancing beauty-oriented visuals with practical service information.
Next steps
- Use the live deployment as the main case study reference.
- Add real production screenshots later if the visual preview should be replaced.
- Extend the business website with additional sections if the service scope grows.
Roadmap
What could be improved next
A project roadmap helps keep the case study honest: what is already done, what is still pending and what can be improved in the next iteration.
1
Use the live deployment as the main case study reference.
2
Add real production screenshots later if the visual preview should be replaced.
3
Extend the business website with additional sections if the service scope grows.
Every project can evolve.
This portfolio is designed so new deployments, source links, screenshots and technical notes can be added without rebuilding the whole structure.
Continue exploring
More project case studies
More projects
Explore other case studies
Each project has its own structure, technical context and presentation flow. Browse more case studies prepared for review.
In progressProductivity App
Private Space
A personal productivity dashboard for managing notes, lists and plans in one structured workspace.
- Livesoon
- Sourcesoon
- Previewon
- Next.js
- TypeScript
- Tailwind CSS
- Local Storage
Year
2026
CompletedPortfolio Website
Web Dev Portfolio
A production bilingual portfolio website deployed under a custom domain and built as a hub for frontend projects and case studies.
- Liveon
- Sourceon
- Previewon
- Next.js
- TypeScript
- Tailwind CSS
- i18n
- +2
Year
2026