Repository: brahmGAN/bramgan.ai
Branch: master
Commit: db2c08781224
Files: 95
Total size: 10.4 MB
Directory structure:
gitextract_f6de6mzh/
├── .gitignore
├── README.md
├── about.jsx
├── hamburgerMenu.component.jsx
├── nav-bar.component.jsx
├── package.json
├── public/
│ ├── index.html
│ ├── manifest.json
│ ├── robots.txt
│ └── video/
│ ├── Brahmgan.webm
│ ├── Social Media Filter Shoe.webm
│ └── Voxel.webm
└── src/
├── App.css
├── App.js
├── App.test.js
├── components/
│ ├── FAQSection/
│ │ ├── FAQSection.component.jsx
│ │ └── FAQSection.css
│ ├── HeroSection/
│ │ ├── herosection.css
│ │ └── hersosection.component.jsx
│ ├── XR/
│ │ ├── xr.css
│ │ └── xr.jsx
│ ├── about/
│ │ ├── about.css
│ │ └── about.jsx
│ ├── clientcomponent/
│ │ ├── clentcomponent.css
│ │ └── clientcomponent.component.jsx
│ ├── clients/
│ │ ├── client.css
│ │ └── clients.component.jsx
│ ├── contact/
│ │ ├── contact.css
│ │ └── contact.jsx
│ ├── contactSection/
│ │ ├── contactSection.component.jsx
│ │ └── contactSection.css
│ ├── creativeSection/
│ │ ├── creativeSection.component.jsx
│ │ └── creativesection.css
│ ├── ecommerce/
│ │ ├── ecommerce.css
│ │ └── ecommerce.jsx
│ ├── features/
│ │ ├── feature.component.jsx
│ │ └── feature.css
│ ├── footer/
│ │ ├── footer.component.jsx
│ │ └── footer.css
│ ├── game/
│ │ ├── game.css
│ │ └── game.jsx
│ ├── getintouch/
│ │ ├── getintouch.component.jsx
│ │ └── getintouch.css
│ ├── hamburgermenu/
│ │ ├── hamburgerMenu.component.jsx
│ │ └── hamburgermenu.css
│ ├── home/
│ │ ├── home.css
│ │ └── home.jsx
│ ├── homePage/
│ │ ├── homePage.css
│ │ └── homepage.jsx
│ ├── homesection1/
│ │ ├── homesection1.component.jsx
│ │ └── homesection1.css
│ ├── introsection/
│ │ ├── introsection.component.jsx
│ │ └── introsection.css
│ ├── joinmail/
│ │ ├── joinMail.component.jsx
│ │ └── joinmail.css
│ ├── meubar/
│ │ ├── menubar.component.jsx
│ │ └── menubar.css
│ ├── moving-left/
│ │ ├── moving-left.component.jsx
│ │ └── moving-left.css
│ ├── nav-bar/
│ │ ├── nav-bar.component.jsx
│ │ └── nav-bar.css
│ ├── overboxes/
│ │ ├── overboxes.component.jsx
│ │ └── overboxes.css
│ ├── questions/
│ │ ├── questions.component.jsx
│ │ └── questions.css
│ ├── quote/
│ │ ├── quote.component.jsx
│ │ └── quote.css
│ ├── review/
│ │ ├── review.component.jsx
│ │ └── review.css
│ ├── slider/
│ │ ├── slider.component.jsx
│ │ └── slider.css
│ ├── solutions/
│ │ ├── solution.css
│ │ └── solutions.jsx
│ ├── solutionsection1/
│ │ ├── solutionsection1.component.jsx
│ │ └── solutionsection1.css
│ ├── solutionsection2/
│ │ ├── solutionsection2.component.jsx
│ │ └── solutionsection2.css
│ ├── solutionsection3/
│ │ ├── solutionsection3.component.jsx
│ │ └── solutionsection3.css
│ ├── solutionsection3content/
│ │ ├── solutionsection3content.component.jsx
│ │ └── solutionsection3content.css
│ ├── solutionsection3content2/
│ │ ├── solutionsection3content2.component.jsx
│ │ └── solutionsection3content2.css
│ ├── team/
│ │ ├── team.css
│ │ └── team.jsx
│ ├── tech/
│ │ ├── tech.component.jsx
│ │ └── tech.css
│ └── technologies/
│ ├── technologies.css
│ └── technologies.jsx
├── firebase.js
├── gloabal.css
├── index.css
├── index.js
├── reportWebVitals.js
└── setupTests.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# production
/build
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*
================================================
FILE: README.md
================================================
# Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### `npm test`
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
### `npm run eject`
**Note: this is a one-way operation. Once you `eject`, you can't go back!**
If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
## Learn More
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).
### Code Splitting
This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
### Analyzing the Bundle Size
This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
### Making a Progressive Web App
This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
### Advanced Configuration
This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
### Deployment
This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
### `npm run build` fails to minify
This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
================================================
FILE: about.jsx
================================================
import './about.css'
import {Link} from 'react-router-dom'
export default function about(){
return(
Our Bussiness
Changing the Game, literally
We are focused on creating the next generation of infrastructure for 3D services.
The company was started in 2022 by serial entrepreneurs to help various gaming studios make their asset development faster. Soon we grew to cater Ecommerce clients as well who were keen to take their 2D customer experience to 3D with more engagement and conversion.
Today we also serve the XR industry which innovatively uses the NeRF outputs to create highly photorealistic scenes.
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
>
);
}
export default App;
================================================
FILE: src/App.test.js
================================================
import { render, screen } from '@testing-library/react';
import App from './App';
test('renders learn react link', () => {
render();
const linkElement = screen.getByText(/learn react/i);
expect(linkElement).toBeInTheDocument();
});
================================================
FILE: src/components/FAQSection/FAQSection.component.jsx
================================================
import React, { useState } from "react";
import "./FAQSection.css"; // import the CSS file for the FAQ styles
function FAQSection() {
const [activeIndex, setActiveIndex] = useState(null);
const toggleAccordion = (index) => {
setActiveIndex(activeIndex === index ? null : index);
};
const faqData = [
{
question: "Can you integrate your 3D infrastructure solutions with our existing software and platforms?",
answer:
"Yes, we can work with your team to integrate our solutions with your existing software and platforms, such as Unity or Unreal game engines, eCommerce websites, or other systems.",
},
{
question: "How do you integrate NeRF, blockchain, and GAN technologies into your solutions for XR, gaming, and eCommerce industries?",
answer:
"Yes, we can work with your team to integrate our solutions with your existing software and platforms, such as Unity or Unreal game engines, eCommerce websites, or other systems.",
},
{
question: "Do you offer international shipping?",
answer:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis sapien ipsum. Quisque ac diam blandit, fringilla nulla a, fringilla lorem. Nam auctor massa eget neque bibendum feugiat.",
},
];
return (
To make asset generation 5x faster, 5x cheaper and 4x photorealistic.
With our Video to 3D product you can just take a video of any object (your car or your table action figure) and bring it to the Metaverse!
)
}
================================================
FILE: src/components/XR/xr.css
================================================
================================================
FILE: src/components/XR/xr.jsx
================================================
import Section1 from '../solutionsection1/solutionsection1.component'
import Section2 from '../solutionsection2/solutionsection2.component'
import Section3 from '../solutionsection3/solutionsection3.component'
import Content from '../solutionsection3content/solutionsection3content.component'
import Content2 from '../solutionsection3content2/solutionsection3content2.component'
export default function xr()
{
const data1={
title:'3D for XR',
image:'icons/vr.svg',
description:'Experience an immersive world with our XR solutions. From virtual reality (VR) to augmented reality (AR), we offer custom integration for your business needs. Our XR solutions can enhance your e-commerce website, gaming experience, and other industries by providing interactive, 3D environments that engage and excite your audience. Explore the possibilities of XR with our expert team and take your business to the next level.',
iframe:'https://taanga-studios-website.web.app/?product=artroom'
}
const data2={
title:'Need for 3D in XR Industries',
image:'icons/Nerf.svg',
title1:'Realism',
content1:'3D models in XR create a realistic and immersive environment for users, enhancing their experience and engagement with the content.',
title2:'Interactivity',
content2:'3D models allow users to interact with the virtual environment, increasing engagement and providing a more hands-on experience.',
title3:'Immersive Experience',
content3:'3D models and environments provide a more immersive experience for users, making them feel like they are really there. This enhances the overall XR experience and makes it more engaging for users.'
}
const data3={
title:'Applications',
subtitle:'Here are various products that can be showcased in VR '
}
const data4={
contenttitle:'Education',
content:'XR can be used to create immersive learning experiences for students, allowing them to explore and interact with educational content in 3D environments. This can enhance engagement and retention of information, making learning more effective and enjoyable.',
iframe:'https://taanga-studios-website.web.app/?product=realistichumanheart'
}
const data5={
iframe:'video/Social Media Filter Shoe.webm',
contenttitle:'Social Media',
content:'Customers can view 3D models of electronic devices, such as phones or laptops, to see details and features not visible in traditional product photos. 3D models can also show how accessories, like phone cases or covers, look and fit.'
}
const data6={
contenttitle:'Virtual Events',
content:'XR can be used to create virtual events, such as conferences, concerts, and exhibitions. By providing an immersive virtual environment, XR can help to replicate the experience of attending a live event, allowing people to connect and engage with each other from anywhere in the world.',
iframe:'https://taanga-studios-website.web.app/?product=artroom'
}
return(
<>
>
);
}
================================================
FILE: src/components/about/about.css
================================================
.aboutpage{
display: flex;
flex-direction: column;
}
.aboutheader{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0px 150px 150px 150px;
font-size: 16px;
}
.colum{
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.row{
display:flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.subcolum{
display: flex;
flex-direction: column;
height:auto;
width: 300px;
white-space: 0px;
margin-left: 40px;
}
@media only screen and (max-width:768px){
.aboutheader{
padding: 0px;
margin-right: 20px;
margin-left: 20px;
}
.subcolum{
margin-left: 0px;
justify-content: center;
}
}
================================================
FILE: src/components/about/about.jsx
================================================
import './about.css'
import {Link} from 'react-router-dom'
export default function about(){
return(
Our Bussiness
Changing the Game, literally
We are focused on creating the next generation of infrastructure for 3D services.
The company was started in 2022 by serial entrepreneurs to help various gaming studios make their asset development faster. Soon we grew to cater Ecommerce clients as well who were keen to take their 2D customer experience to 3D with more engagement and conversion.
Today we also serve the XR industry which innovatively uses the NeRF outputs to create highly photorealistic scenes.
Do get in touch with us or if you would like to visit us, we have offices in Singapore and Bangalore.. Drop your mail or ping us on social media, and we will be happy to assist you.
I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font. I’m a great place for you to tell a story and let your users know a little more about you.
about icon
about icon
about icon
*/}
)
}
================================================
FILE: src/components/creativeSection/creativesection.css
================================================
.creative{
display: flex;
flex-direction: row;
align-items:center;
margin-top:40px;
margin-left: 80px;
}
.videioConatiner{
display: flex;
justify-content:flex-start;
align-items: center;
margin-left: 120px;
object-fit:content;
height:500px;
width:500px;
margin-bottom: 80px;
/*background:blue;*/
}
.detailsContainer{
display: flex;
flex-direction: column;
margin-top: 60px;
margin-left: 300px;
height:500px;
width: 400px;
margin-right:40px;
font-family: 'Calibri Light';
font-size: 20px;
}
.icons{
display:flex;
flex-direction:row;
}
.iconConatiner{
margin-top:0px;
display: flex;
flex-direction: row;
}
@media only screen and (max-width:786px) {
.creative{
display: flex;
flex-direction: column;
align-items:center;
margin-top:40px;
}
.videioConatiner{
display: flex;
justify-content:flex-start;
align-items: center;
margin-left: 0px;
margin-right: 0px;
object-fit:content;
height:400px;
width:100%;
margin-bottom: 20px;
/*background:blue;*/
}
.detailsContainer{
display: flex;
flex-direction: column;
margin-top: 10px;
margin-left: 20px;
height:400px;
width: 400px;
margin-right:0px;
}
}
================================================
FILE: src/components/ecommerce/ecommerce.css
================================================
================================================
FILE: src/components/ecommerce/ecommerce.jsx
================================================
import Section1 from '../solutionsection1/solutionsection1.component'
import Section2 from '../solutionsection2/solutionsection2.component'
import Section3 from '../solutionsection3/solutionsection3.component'
import Content from '../solutionsection3content/solutionsection3content.component'
import Content2 from '../solutionsection3content2/solutionsection3content2.component'
export default function ecommerce ()
{
const data1={
title:'3D for E-Commerce',
image:'icons/cart.svg',
description:'Our 3D solutions are highly beneficial for eCommerce websites and companies as they can provide an immersive and engaging experience for their customers. With our 3D infrastructure, clients can request custom 3D models of their products. Which will be delivered swiftly using our community of 3D content creators, that can be seamlessly integrated into your eCommerce workflow. Our NeRF technology also allows for quick and easy creation of 3D models, reducing production time and costs.',
iframe:'https://taanga-studios-website.web.app/?product=fendi'
}
const data2={
title:'Why 3D in E-Commerce?',
image:'icons/Nerf.svg',
title1:'3D Product Display',
content1:'Embedding 3D models on product pages for a more engaging shopping experience.',
title2:'AR/VR Shopping',
content2:'Using 3D models for augmented and virtual reality experiences, allowing customers to "try before they buy" and making online shopping more interactive.',
title3:'Product Customization',
content3:'Offering customers the ability to customize products in 3D, enabling them to visualize and create their desired product.'
}
const data3={
title:'Applications',
subtitle:'Here are various products that can be showcased in VR '
}
const data4={
contenttitle:'Furniture Shopping',
content:'Customers can view 3D models of furniture in their homes through AR/VR experiences to see how they will look and fit before making a purchase. We can also allow customers to modify or customize content.',
iframe:'https://taanga-studios-website.web.app/?product=shelf'
}
const data5={
iframe:'https://taanga-studios-website.web.app/?product=tv',
contenttitle:'Electronics shopping',
content:'Customers can view 3D models of electronic devices, such as phones or laptops, to see details and features not visible in traditional product photos. 3D models can also show how accessories, like phone cases or covers, look and fit.'
}
const data6={
contenttitle:'Jewellery shopping',
content:'Customers can view 3D models of electronic devices, such as phones or laptops, to see details and features not visible in traditional product photos. 3D models can also show how accessories, like phone cases or covers, look and fit.',
iframe:'https://taanga-studios-website.web.app/?product=ring'
}
return(
<>
>
);
}
================================================
FILE: src/components/features/feature.component.jsx
================================================
import './feature.css'
export default function Features(){
return(
Our Features
{/* */}
BG Architect
A Video to 3D pipeline, which takes a video of an object and convert it into an usable 3D model.
BG Genie (Coming Soon)
An Image to 3D pipeline, which takes an image of an object and convert it into an usable 3D model.
BG Avatar (Coming Soon)
A Text to 3D pipeline, which takes text prompt as an input and convert it into an usabke 3D Model.
GPU Network
A decentralized GPU network, A person can be an user or a provider by renting the GPU on GPU network.
);
}
================================================
FILE: src/components/footer/footer.css
================================================
/* Footer styles */
.footer {
display:flex;
flex-direction: column;
background-color: #000;
color: #fff;
justify-content: center;
align-items: center;
height: auto;
}
================================================
FILE: src/components/game/game.css
================================================
================================================
FILE: src/components/game/game.jsx
================================================
import Section1 from '../solutionsection1/solutionsection1.component'
import Section2 from '../solutionsection2/solutionsection2.component'
import Section3 from '../solutionsection3/solutionsection3.component'
import Content from '../solutionsection3content/solutionsection3content.component'
import Content2 from '../solutionsection3content2/solutionsection3content2.component'
export default function game()
{
const data1={
title:'3D for Gaming',
image:'icons/GamePad.svg',
description:'At our company, we specialize in providing cutting-edge solutions for the gaming industry, using technologies such as NeRF and GAN to create highly optimized 3D models ready to be used in Games. We offer a range of services, from 3D modeling and integration with popular game engines Unity and Unreal. Whether you are looking to create a new game from scratch or to enhance an existing game with 3D elements, we have the expertise and technology to help you achieve your goals.',
iframe:'https://taanga-studios-website.web.app/?product=treehouse'
}
const data2={
title:'3D In Gaming',
image:'icons/Nerf.svg',
title1:'Immersive',
content1:'3D graphics and animations can create a more immersive gameplay experience by providing a realistic and detailed environment for the players to explore.',
title2:'Enhanced Visuals',
content2:'3D graphics can enhance the visual appeal of a game by providing more realistic textures, lighting, and shading effects. This can attract more players and increase the overall quality of the gaming experience.',
title3:'Flexibility',
content3:'3D graphics and animations allow for more flexibility in game design and development. They can be easily modified and customized to fit the specific needs and preferences of the game developers and players.'
}
const data3={
title:'Object Showcase ',
subtitle:'Here are various products that can be showcased in VR '
}
const data4={
contenttitle:'Model Creation',
content:'Quickly Create 3D Models required for games using our explicit scene creation services, which generate Environment for your gaming needs.',
iframe:'https://taanga-studios-website.web.app/?product=gun'
}
const data5={
iframe:'https://taanga-studios-website.web.app/?product=idletoswordunsheath',
contenttitle:'Chracter Creation',
content:'NeRF can be used to create realistic 3D models of characters for gaming quickly and efficiently. With NeRF, it is possible to capture a persons likeness and turn it into a 3D model in a matter of minutes. This can be done using just a few photos of the person from different angles, making it a fast and easy process. These models can then be integrated into game engines, allowing for seamless integration into game development pipelines. '
}
return(
<>
>
);
}
================================================
FILE: src/components/getintouch/getintouch.component.jsx
================================================
import './getintouch.css'
export default function getInTouch(){
return(
Create amazing 3D content effortlessly with our text-to-3D tools.Our advanced technology uses NeRF, GAN, and Blockchain for fast, decentralized AI-based 3D content creation.With BrahmGAN, bring your ideas to life instantly, without technical expertise or complex software.Explore the future of 3D content creation and unlock your creativity.
{/*
Industries
Providing cutting-edge 3D infrastructure services for XR, gaming, and eCommerce industries.
Game
Learn how brahmGAN is going to revolutionize gaming with NeRF and GAN Tech.
XR
We help industries with tools such as 3D AR filters, 3D XR Viewers, XR related plugins to make 3D viewing easier.
eCommerce
Helvetica Light is an easy-to-read font, with tall and narrow letters, that works well on almost every site.
Boost speed of assets creation using Tridev our Asset Creation app.
With global cult like followers, get 3D model of any object you want in instant, through the power of blockchain.
Generated assets are Game Ready assets with instant import and delighting for use with in game lights.
AI Generated assets from prompts, just type what object you want, and have 3D model of that ready.
{/* sectionn 4 */}
{/*
Technologies
We don't hold back with technologies when it comes to 3D. We use NeRF for video to 3D, GAN for Text to 3D, and Blockchain to democrotize 3D content creation from all over the world.
Learn how brahmGAN is going to revolutionize gaming with NeRF and GAN Tech.
We help industries with tools such as 3D AR filters, 3D XR Viewers, XR related plugins to make 3D viewing easier.
Helvetica Light is an easy-to-read font, with tall and narrow letters, that works well on almost every site.
*/}
< Slider />
"
Using brahmGAN's NeRF solutions for our VR Services, we were able to quickly create stunning worlds in matter days. Defenetily going to incoporate thier entire stack in our workflow in future.
Manju M, Project Manager
Taanga Studios
"Never thought AI could be usesful in our site. Been a game changer since we integrated 3D Assets for site.”
Claire Brooks, MI
"Never thought AI could be usesful in our site. Been a game changer since we integrated 3D Assets for site.”
Using brahmGAN's NeRF solutions for our VR Services, we were able to quickly create stunning worlds in matter days. Defenetily going to incoporate thier entire stack in our workflow in future.
Taanga Studios
The NeRF tech helped us quickly model 3D assets and put them on our store, really thankful for the team behind brahmGAN for fast custom solutions.
Amilma Ice Creams
Never thought AI could be usesful in our site. Been a game changer since we integrated 3D Assets for site.
Using brahmGAN's NeRF solutions for our VR Services, we were able to quickly create stunning worlds in matter days. Defenetily going to incoporate thier entire stack in our workflow in future.
Manju M, Project Manager
Taanga Studios
"Never thought AI could be usesful in our site. Been a game changer since we integrated 3D Assets for site.”
Claire Brooks, MI
"Never thought AI could be usesful in our site. Been a game changer since we integrated 3D Assets for site.”
Claire Brooks, MI
*/}
================================================
FILE: src/components/slider/slider.css
================================================
.slider {
position: relative;
width: 100%;
margin: 0 auto;
background-color: #F5BB44;
}
.slides {
display: flex;
transition: transform 0.5s ease;
overflow: hidden;
/* flex-direction: row; */
}
.slide {
flex: 0 0 100%;
width: 100%;
height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 24px;
color: #333;
text-align: center;
}
.text {
margin-bottom: 10px;
}
.author {
font-style: italic;
}
.prev,
.next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
padding: 10px;
border: none;
background-color: transparent;
color: #333;
cursor: pointer;
}
.prev {
left: 0;
}
.next {
right: 0;
}
================================================
FILE: src/components/solutions/solution.css
================================================
.section2{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.subsection2{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.subsectioncontainer
{
display: flex;
flex-direction: column;
align-items: center;
margin-left: 80px;
width: 269px;
height: 316ox;
}
.button2 {
background-color: rgb(65, 134, 168);
color: #fff;
border: 1px solid transparent;
transition: .2s ease;
border-radius: 50px;
font-size: 20px;
padding: 10px 30px 10px 30px;
margin-right: 20px;
text-decoration: none !important;
}
@media only screen and (max-width: 768px){
.section2{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.subsection2{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.subsectioncontainer
{
display: flex;
flex-direction: column;
align-items: center;
width: 269px;
height: 316ox;
margin-left: 0px;
margin-bottom: 40px;
}
}
================================================
FILE: src/components/solutions/solutions.jsx
================================================
import './solution.css'
import IntroSection from '../introsection/introsection.component';
import FAQSection from '../FAQSection/FAQSection.component';
export default function solutions()
{
const data={
picture:'/icons/solution.webp',
heading:'Solutions',
description:'Our companys unique selling point is our ability to leverage the latest technologies such as NeRF, GAN, and blockchain to provide innovative and decentralized solutions for the XR, gaming, and eCommerce industries. Our NeRF app allows users worldwide to capture 3D models quickly and easily, while our blockchain-based incentive system rewards users with crypto coins for creating and sharing 3D models. This enables clients to request any kind of 3D assets created by users across the globe. Our GAN technology provides photorealistic 3D models, and our custom solutions can be integrated seamlessly into existing workflows and software. We aim to deliver cutting-edge, cost-effective solutions to our clients.'
}
const faqData = [
{
question: "Can you integrate your 3D infrastructure solutions with our existing software and platforms?",
answer:
"Yes, we can work with your team to integrate our solutions with your existing software and platforms, such as Unity or Unreal game engines, eCommerce websites, or other systems.",
},
{
question: "How do you integrate NeRF, blockchain, and GAN technologies into your solutions for XR, gaming, and eCommerce industries?",
answer:
"Yes, we can work with your team to integrate our solutions with your existing software and platforms, such as Unity or Unreal game engines, eCommerce websites, or other systems.",
},
{
question: "Do you offer international shipping?",
answer:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis sapien ipsum. Quisque ac diam blandit, fringilla nulla a, fringilla lorem. Nam auctor massa eget neque bibendum feugiat.",
},
];
return(
<>
Custom Solutions based on industries
Gaming
We provide gaming studios with tech stack to create 3D models easily.
{/* */}
XR
Easily integrate 3D models into AR and VR apps to showcase your clients using our custom solutions for XR
{/* */}
eCommerce
We can provide infra to showcase 3D models in your site and easily integrate with exisitng tech.
{/* */}
{/* */}
>
);
}
================================================
FILE: src/components/solutionsection1/solutionsection1.component.jsx
================================================
import React from 'react';
import './solutionsection1.css'
export default function solutionSection1 ({ data })
{
return (
<>
);
}
================================================
FILE: src/components/tech/tech.component.jsx
================================================
import React,{useState} from 'react'
import './tech.css'
export default function Tech(){
const [imagebox, setImagebox]=useState('icons/gan.svg');
return(
{/*
With cutting edge
technologies from around the world creating the future of 3D design and gaming!
*/}
)
}
================================================
FILE: src/components/tech/tech.css
================================================
.techContainer{
display: flex;
flex-direction: row;
margin-left: 180px;
margin-right: 180px;
margin-bottom: 80px;
}
.ButtonContainer{
display: flex;
flex-direction: column;
height: 50%;
width:30%;
font-family: 'Calibri Light';
}
.detailimagecontainer{
display: flex;
flex-direction: column;
height: 70%;
width: 70%;
margin-left: 40px;
margin-top: 20px;
}
.buttons{
display: flex;
justify-content: flex-start;
justify-self: center;
align-items: center;
background-color: #F5BB44;
color: #fff;
border: 5px solid transparent;
transition: .2s ease;
width: 100%;
height: 145px;
letter-spacing: 5px;
font-weight: 700px;
margin-top: 25px;
font-size:36px;
}
.buttons:hover{
border: 3px solid;
border-color:#000;
}
@media only screen and (max-width:768px) {
.techContainer{
display: flex;
flex-direction: column;
margin-left: 40px;
margin-right: 40px;
align-items: center;
}
.ButtonContainer{
display: flex;
flex-direction: column;
height: 50%;
width:80%;
font-family: 'Calibri Light';
}
.detailimagecontainer{
display: flex;
flex-direction: column;
height: 70%;
width: 80%;
margin-top: 20px;
margin-left: 0px;
}
}
================================================
FILE: src/components/technologies/technologies.css
================================================
.section4{
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.separator{
border: 1px solid #F5BB44;
}
.videocontainer{
display: flex;
justify-content: center;
align-items: center;
width:100%;
}
================================================
FILE: src/components/technologies/technologies.jsx
================================================
import './technologies.css'
import IntroductionSection from '../introsection/introsection.component'
import FAQSection from '../FAQSection/FAQSection.component';
import Section2 from '../solutionsection2/solutionsection2.component'
export default function technologies()
{
const data1={
picture:'/icons/Ai(golden).svg',
heading:'Technologies',
description:'Our company is dedicated to using cutting-edge AI technologies like GAN and NeRF. Through these powerful tools, we are able to create incredibly realistic 3D models with stunning detail and accuracy. Our integration with machine learning and AI allows us to automate many aspects of the model creation process, making it faster and more efficient than ever before. By leveraging the power of AI, we can provide our clients with customized solutions that meet their exact needs, from gaming environments to eCommerce product showcases. At our core, we believe that AI technology is the future of digital creation, and we are excited to be at the forefront of this innovative field.'
}
const faqData = [
{
question: "Can you integrate your 3D infrastructure solutions with our existing software and platforms?",
answer:
"Yes, we can work with your team to integrate our solutions with your existing software and platforms, such as Unity or Unreal game engines, eCommerce websites, or other systems.",
},
{
question: "How do you integrate NeRF, blockchain, and GAN technologies into your solutions for XR, gaming, and eCommerce industries?",
answer:
"Yes, we can work with your team to integrate our solutions with your existing software and platforms, such as Unity or Unreal game engines, eCommerce websites, or other systems.",
},
{
question: "Do you offer international shipping?",
answer:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis sapien ipsum. Quisque ac diam blandit, fringilla nulla a, fringilla lorem. Nam auctor massa eget neque bibendum feugiat.",
},
];
const data2={
title:'',
image:'icons/Nerf.svg',
title1:'Gan',
content1:'3D graphics and animations can create a more immersive gameplay experience by providing a realistic and detailed environment for the players to explore.',
title2:'Nerf',
content2:'We use NeRF to generate high-quality 3D models from 2D images and videos, allowing us to create realistic virtual environments.',
title3:'Blockchain',
content3:'Our use of blockchain technology enables us to decentralize the process of 3D model creation, allowing users from all over the world to contribute and earn GAN tockens for their contributions.'
}
return(
<>