Build an Exact Visual Clone of the Spark.co Landing Page Shown in the Reference Video

You are given a reference video showing a complete animated landing page for a product called Spark.

Your task is to recreate the website shown in the video as accurately as possible.

DO NOT redesign it.

DO NOT modernize it.

DO NOT simplify it.

DO NOT replace animations with generic animations.

DO NOT invent a different layout.

The goal is a pixel-accurate visual and motion recreation of what is visible in the reference video.

The final result should feel like the exact same website captured from the reference video.

1. Overall Visual Direction

The website has a premium, playful, modern fintech/e-commerce SaaS aesthetic. The main visual language is:
- Deep dark purple outer background
- Large white rounded content panels
- Extremely rounded corners
- Thin subtle borders
- Very soft shadows
- Lots of white space
- Dark navy/purple typography
- Bright electric purple accent elements
- Small orange and green accent icons
- Floating UI cards
- Floating app/device mockups
- Circular glow/ripple effects
- Editorial-style typography
- Smooth premium motion
- Minimal navigation
- Large oversized headings
- Soft micro-interactions

The website must NOT look like a generic SaaS template. It must reproduce the unusual composition and visual rhythm from the reference video.
1. Page Background

Use a full-page deep purple background.

Approximate visual direction

- Background: very dark violet/purple
- Content panels: white / near-white
- Main text: dark navy / dark violet
- Primary accent: vivid electric purple
- Secondary accent: orange
- Supporting accent: green

The exact colors should be tuned visually against the reference video. The purple background should remain visible around the individual white content panels.
1. Typography

Typography is extremely important. Use a modern geometric rounded sans-serif font with a playful editorial appearance.

The typography should have





- Rounded letterforms
- Large expressive headings
- Medium/light body copy
- Tight heading line-height
- Large letter scale
- Dark navy/purple text
- Purple highlighted words

The hero heading should visually resemble: Welcome To Spark The heading should be very large and elegant, but not heavy/bold.

Avoid

- Arial
- Roboto
- generic system fonts
- overly bold corporate fonts

If the exact font cannot be identified, use the closest available geometric/up-to-date rounded font from Google Fonts. Typography must be consistent throughout the entire site.
1. Navigation

At the top of the hero white card, create a minimal navigation.

Left

spark

Use a small minimalist Spark wordmark/logo.

Center navigation items approximately matching the reference:

- Home
- About
- Testimonials
- Work/How it works
- Contact

Right: A small rounded outlined button similar to:

Reserve / Join / Get Started The navigation must be very small compared with the hero heading.

The nav should sit inside the large rounded hero container.

On mobile, convert it into a compact responsive menu without destroying the visual style.

1. HERO SECTION

The hero is the first major section shown in the video. Create a large white rounded rectangular panel positioned inside the purple page background.

Use generous padding.

Main heading

Welcome To Spark

Supporting text

The ultimate shopping hack is here.

The composition should be asymmetrical.

The center/right portion contains a realistic smartphone/app mockup held by a human hand.

The phone should show a shopping/rewards interface.

Around the phone are small floating UI elements.

At least include

- small floating white icon card
- small circular avatar/icon
- phone mockup
- shopping/reward interface
- small floating decorative elements

Bottom/right area should contain app-store style buttons:
- App Store
- Google Play

The hero should visually resemble the video rather than a normal centered SaaS hero. Pay: Up to ₹2,000.00 per day

Work Location: In person

📌 Video Editor (Noida)
🏢 Linkup Group
📍 Noida