Merge version_2 into main #2
128
src/app/page.tsx
128
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Romet Kriks"
|
||||
/>
|
||||
@@ -51,9 +45,7 @@ export default function LandingPage() {
|
||||
description="Motion Graphic Designer. Crafting experiences through fluid movement and precise digital design."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#work",
|
||||
},
|
||||
text: "View Work", href: "#work"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-high-end-abstract-3d-motion-graphic-co-1775197879508-81b13a10.png?_wi=1"
|
||||
/>
|
||||
@@ -75,41 +67,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Abstract Fluids",
|
||||
price: "2024",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-cinematic-abstract-3d-render-showcasin-1775197881067-7d77cffa.png?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Abstract Fluids", price: "2024", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-cinematic-abstract-3d-render-showcasin-1775197881067-7d77cffa.png?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Typography Motion",
|
||||
price: "2023",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-sleek-digital-animation-frame-featurin-1775197879538-063d9270.png?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Typography Motion", price: "2023", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-sleek-digital-animation-frame-featurin-1775197879538-063d9270.png?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Isometric Worlds",
|
||||
price: "2023",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/3d-isometric-abstract-shapes-interacting-1775197880418-b53de38b.png",
|
||||
},
|
||||
id: "p3", name: "Isometric Worlds", price: "2023", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/3d-isometric-abstract-shapes-interacting-1775197880418-b53de38b.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Particle Simulation",
|
||||
price: "2024",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-fluid-particles-simulation-in-3-1775197880266-18b7f662.png",
|
||||
},
|
||||
id: "p4", name: "Particle Simulation", price: "2024", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-fluid-particles-simulation-in-3-1775197880266-18b7f662.png"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Geometric Drift",
|
||||
price: "2022",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/minimalist-geometric-motion-art-floating-1775197879857-0304bbf2.png",
|
||||
},
|
||||
id: "p5", name: "Geometric Drift", price: "2022", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/minimalist-geometric-motion-art-floating-1775197879857-0304bbf2.png"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Light Trails",
|
||||
price: "2022",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-dynamic-light-trail-composition-clean--1775197880319-3229b310.png",
|
||||
},
|
||||
id: "p6", name: "Light Trails", price: "2022", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-dynamic-light-trail-composition-clean--1775197880319-3229b310.png"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A curated collection of motion works and design experiments."
|
||||
@@ -125,37 +93,13 @@ export default function LandingPage() {
|
||||
description="Hear what partners and collaborators say about my creative approach."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Vance",
|
||||
role: "Creative Director",
|
||||
testimonial: "Romet brings a unique level of precision to every animation. His attention to detail is unmatched in the industry.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-high-end-abstract-3d-motion-graphic-co-1775197879508-81b13a10.png?_wi=2",
|
||||
imageAlt: "A high-end, abstract 3D motion graphic composition in deep blacks and icy blues, featuring floating ",
|
||||
},
|
||||
id: "t1", name: "Elena Vance", role: "Creative Director", testimonial: "Romet brings a unique level of precision to every animation. His attention to detail is unmatched in the industry.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-high-end-abstract-3d-motion-graphic-co-1775197879508-81b13a10.png?_wi=2", imageAlt: "A high-end, abstract 3D motion graphic composition in deep blacks and icy blues, featuring floating "},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Brand Strategist",
|
||||
testimonial: "Working with Romet was a highlight of our rebrand. He understands the balance between aesthetics and functionality perfectly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-professional-portrait-of-a-motion-desi-1775197880217-35de7297.png",
|
||||
imageAlt: "A professional portrait of a motion designer, high key lighting, clean background, modern profession",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", role: "Brand Strategist", testimonial: "Working with Romet was a highlight of our rebrand. He understands the balance between aesthetics and functionality perfectly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-professional-portrait-of-a-motion-desi-1775197880217-35de7297.png", imageAlt: "A professional portrait of a motion designer, high key lighting, clean background, modern profession"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Producer",
|
||||
testimonial: "Consistently delivers high-quality assets on tight deadlines. A true professional who elevates every project he touches.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-cinematic-abstract-3d-render-showcasin-1775197881067-7d77cffa.png?_wi=2",
|
||||
imageAlt: "A cinematic abstract 3D render showcasing motion graphic fluid shapes, dark background, neon blue hi",
|
||||
},
|
||||
id: "t3", name: "Sarah Jenkins", role: "Producer", testimonial: "Consistently delivers high-quality assets on tight deadlines. A true professional who elevates every project he touches.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-cinematic-abstract-3d-render-showcasin-1775197881067-7d77cffa.png?_wi=2", imageAlt: "A cinematic abstract 3D render showcasing motion graphic fluid shapes, dark background, neon blue hi"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
role: "UI/UX Lead",
|
||||
testimonial: "His motion design work on our product launch was game-changing. Truly elevated our interface interaction design.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-sleek-digital-animation-frame-featurin-1775197879538-063d9270.png?_wi=2",
|
||||
imageAlt: "A sleek digital animation frame featuring typographic motion graphics, clean sans-serif font, dark a",
|
||||
},
|
||||
id: "t4", name: "David Wu", role: "UI/UX Lead", testimonial: "His motion design work on our product launch was game-changing. Truly elevated our interface interaction design.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-sleek-digital-animation-frame-featurin-1775197879538-063d9270.png?_wi=2", imageAlt: "A sleek digital animation frame featuring typographic motion graphics, clean sans-serif font, dark a"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,60 +108,44 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Let's collaborate."
|
||||
description="Always open to new motion graphic projects and creative challenges."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Email",
|
||||
href: "mailto:romet@example.com",
|
||||
},
|
||||
text: "Send Email", href: "mailto:romet@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-clean-dark-and-minimalist-motion-graph-1775197880074-1c9f91c3.png"
|
||||
<FooterBase
|
||||
logoText="Romet Kriks"
|
||||
copyrightText="© 2025 Romet Kriks. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Romet Kriks"
|
||||
copyrightText="© 2025 Romet Kriks. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user