From b18d463f38c14df78921f6b6434ff4f5ef9d8ef3 Mon Sep 17 00:00:00 2001 From: eshaalal Date: Sun, 13 Oct 2024 01:30:18 +0530 Subject: [PATCH] aboutUspageupdated --- package-lock.json | 1 - views/aboutUs.ejs | 946 +++++++++++++++++++++++++++++-------- views/includes/feature.ejs | 207 ++++++++ views/includes/footer2.ejs | 854 +++++++++++++++++++++++++++++++++ views/includes/navbar.ejs | 427 +++++++++-------- 5 files changed, 2018 insertions(+), 417 deletions(-) create mode 100644 views/includes/feature.ejs create mode 100644 views/includes/footer2.ejs diff --git a/package-lock.json b/package-lock.json index ea49e95e..279c514e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2138,7 +2138,6 @@ "version": "9.1.6", "resolved": "https://registry.npmjs.org/husky/-/husky-9.1.6.tgz", "integrity": "sha512-sqbjZKK7kf44hfdE94EoX8MZNk0n7HeW37O4YrVGCF4wzgQjp+akPAkfUK5LZ6KuR/6sqeAVuXHji+RzQgOn5A==", - "license": "MIT", "bin": { "husky": "bin.js" }, diff --git a/views/aboutUs.ejs b/views/aboutUs.ejs index f2f7dfa1..c5e81faa 100644 --- a/views/aboutUs.ejs +++ b/views/aboutUs.ejs @@ -1,227 +1,753 @@ +<%- include('includes/header.ejs') %> + <%- include('includes/sidebar.ejs') %> + + + + + + + + + + + + + - + - <%- include('includes/navbar.ejs') %> - <%- include('includes/sidebar.ejs') %> -
-
-
-

Generate New World Parallel Universe Images

-

- Explore our AI, and generate multiverse Images, share it and get a new perspective of the future World. - Imagine AI generates Images beyond and above the imagination, -

-
-
- - - -
- - - + <%- include('includes/navbar.ejs') %> + + +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
-
-
- -
-
-
-

Exceptional Advancement of our Images

-

These Features Make our Images, super advanced with - exceptional quality

-
-
-
-
- icon -
-

Conditioning

-
- -
-
-
- icon +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Generate New World Parallel Universe Images with Imagine AI

+
-

Style Transfer

-
- -
-
-
- icon + +
+
+

Explore our AI, and generate multiverse Images, share it and get a new perspective of the future World. Imagine AI generates Images beyond and above the imagination

-

Controlled Generation

-
-
-
-
- icon + +
+
+

Let's take you to the world of Imagine AI...

-

Multi Modal Embedding

-
-
-
-
- -
-
-
- imagine -
-
-

Words transformed. Imagination unleashed.

-

- Unlock your imagination with our revolutionary text-to-image AI. - Experience stunning visuals that bring your words to life. - Our user-friendly solution delivers quality, - speed, and limitless creativity -

- - - -
-
-
- -
- -
- - - <%- include('includes/footer.ejs') %> - - - - <%- include('includes/topToBottomScrollButton.ejs') %> - - - - - - +const path = [ + // 1 + { x: 800, y: 200 }, + { x: 900, y: 20 }, + { x: 1100, y: 100 }, + // 2 + { x: 1000, y: 200 }, + { x: 900, y: 20 }, + { x: 10, y: 500 }, + // 3 + { x: 100, y: 300 }, + { x: 500, y: 400 }, + { x: 1000, y: 200 }, + // 4 + { x: 1100, y: 300 }, + { x: 400, y: 400 }, + { x: 200, y: 250 }, + // 5 + { x: 100, y: 300 }, + { x: 500, y: 450 }, + { x: 1100, y: 500 } + ] + +const scaledPath = path.map(({ x, y }) => { + return { + x: x * rx, + y: y * ry + } +}) + +const sections = [...document.querySelectorAll('section')] +const fish = document.querySelector('.fish') +const fishHeadAndBody = + [ + ...document.querySelectorAll('.fish__head'), + ...document.querySelectorAll('.fish__body') + ] +const lights = [...document.querySelectorAll('[data-lights]')] +const rays = document.querySelector('[data-rays]') + +const bubbles = gsap.timeline() +bubbles.set('.bubbles__bubble', { + y: 100, +}) +bubbles.to('.bubbles__bubble', { + scale: 1.2, + y: -300, + opacity: 1, + duration: 2, + stagger: 0.2, +}) +bubbles.to('.bubbles__bubble', { + scale: 1, + opacity: 0, + duration: 1, +}, '-=1') + +bubbles.pause() + +const tl = gsap.timeline({ + scrollTrigger: { + scrub: 1.5, + }, +}) +tl.to(fish, { + motionPath: { + path: scaledPath, + align: 'self', + alignOrigin: [0.5, 0.5], + autoRotate: true + }, + duration: 10, + immediateRender: true, + // ease: 'power4' +}) +tl.to('.indicator', { + opacity: 0 +}, 0) +tl.to(fish, { + rotateX: 180 +}, 1) +tl.to(fish, { + rotateX: 0 +}, 2.5) +tl.to(fish, { + z: -500, + duration: 2, +}, 2.5) +tl.to(fish, { + rotateX: 180 +}, 4) +tl.to(fish, { + rotateX: 0 +}, 5.5) +tl.to(fish, { + z: -50, + duration: 2, +}, 5) +tl.to(fish, { + rotate: 0, + duration: 1, +}, '-=1') +tl.to('.fish__skeleton', { + opacity: 0.6, + duration: 0.1, + repeat: 4 +}, '-=3') +tl.to(fishHeadAndBody, { + opacity: 0, + duration: 0.1, + repeat: 4 +}, '-=3') +tl.to('.fish__inner', { + opacity: 0.1, + duration: 1 +}, '-=1') +tl.to('.fish__skeleton', { + opacity: 0.1, + duration: 1 +}, '-=1') + +bubbles.play() +tl.pause() + +const lightsTl = gsap.timeline({ + scrollTrigger: { + scrub: 6 + } +}) +lightsTl.from(lights[0], { + x: window.innerWidth * -1, + y: window.innerHeight, + ease: 'power4.out', + duration: 80 +}, 0) +lightsTl.to(lights[0], { + x: window.innerWidth, + y: window.innerHeight * -1, + ease: 'power4.out', + duration: 80 +}, '-=5') + +const makeBubbles = (p, i) => { + const { top, left } = fish.getBoundingClientRect() + gsap.to(p, { opacity: 1, duration: 1 }) + gsap.set('.bubbles', { + x: left, + y: top + }) + if (bubbles.paused) { + bubbles.restart() + } + if (i > 6) { + gsap.to('.bubbles', { + opacity: 0 + }) + } +} + +const rotateFish = (self) => { + if (self.direction === -1) { + gsap.to(fish, { rotationY: 180, duration: 0.4 }) + } else { + gsap.to(fish, { rotationY: 0, duration: 0.4 }) + } +} + +const hideText = (p) => { + gsap.to(p, { opacity: 0, duration: 1 }) +} + +sections.forEach((section, i) => { + const p = section.querySelector('p') + gsap.to(p, { opacity: 0 }) + + ScrollTrigger.create({ + trigger: section, + start: "top top", + onEnter: () => makeBubbles(p, i), + onEnterBack: () => { + if (i <= 6) { + gsap.to('.bubbles', { + opacity: 1 + }) + } + }, + onLeave: () => { + hideText(p) + if (i == 0) { + gsap.to('.rays', { + opacity: 0, + y: -500, + duration: 8, + ease: 'power4.in' + }) + } + }, + onLeaveBack: () => hideText(p), + onUpdate: (self) => rotateFish(self) + }) +}) + + + + + + +<%- include('includes/feature.ejs')%> +<%- include('includes/footer2.ejs')%> \ No newline at end of file diff --git a/views/includes/feature.ejs b/views/includes/feature.ejs new file mode 100644 index 00000000..8728c130 --- /dev/null +++ b/views/includes/feature.ejs @@ -0,0 +1,207 @@ + + + + + + + + + +
+
+
+

Generate New World Parallel Universe Images

+

+ Explore our AI, and generate multiverse Images, share it and get a new perspective of the future World. + Imagine AI generates Images beyond and above the imagination, +

+
+
+ + + +
+ + + +
+
+
+ +
+
+
+
+

Exceptional Advancement of our Images

+

These Features Make our Images, super advanced with + exceptional quality

+
+
+
+
+ icon +
+

Conditioning

+
+ +
+
+
+ icon +
+

Style Transfer

+
+ +
+
+
+ icon +
+

Controlled Generation

+
+
+
+
+ icon +
+

Multi Modal Embedding

+
+
+
+
+ +
+
+
+ imagine +
+
+

Words transformed. Imagination unleashed.

+

+ Unlock your imagination with our revolutionary text-to-image AI. + Experience stunning visuals that bring your words to life. + Our user-friendly solution delivers quality, + speed, and limitless creativity +

+ + + +
+
+
+ +
+ +
+ + + + + + <%- include('topToBottomScrollButton.ejs') %> + + + \ No newline at end of file diff --git a/views/includes/footer2.ejs b/views/includes/footer2.ejs new file mode 100644 index 00000000..6f6b22e3 --- /dev/null +++ b/views/includes/footer2.ejs @@ -0,0 +1,854 @@ +
+
+
+
+
Imagine-AI +
+ +
+
+ +

Join us on our mission to empower creativity, bridging the gap between words and visuals, as we seamlessly translate text into stunning visual realities.

+
+
+
+
Contact Us +
+ +
+
+
+ + ABC Road
+ XYZ Building, City
+ INDIA + +
+ +
+ 📞+91 1234567890 + +
+
+
+
Quick links +
+ +
+
+ + + + + +
+
+
Subscribe Us +
+ +
+
+
+
+ + + +
+ + + + + + + + + + + + +
+
+
+ + +
+
+
+
+

Copyright © <%= new Date().getFullYear();%> Imagine-AI | All rights reserved

+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/views/includes/navbar.ejs b/views/includes/navbar.ejs index 69a9a3e9..69f0f63c 100644 --- a/views/includes/navbar.ejs +++ b/views/includes/navbar.ejs @@ -1,230 +1,245 @@ -
-
-
- -
- -
-
- - -
-