SarahElson

const { setupDriver } = require("./web-driver");

async function performSearch() {
  const driver = await setupDriver();

  try {
    // Navigate to Google's homepage
    await driver.get("<https://www.google.com/>");

    // Find the search input element and send the search query

SarahElson

import NavLinks from '../NavLinks/NavLinks'
import Button from '../Button/Button'
import styles from './Navbar.module.css'


export default function Navbar() {
 return (
   <div className={styles.navbar}>
       <div>
           <p className={styles.logo}>LambdaTest</p>

SarahElson

//Import the styles in a JavaScript file
import styles from './Card.module.css'




//use it as an object
<div class={styles.card}>
 {/* Code related to card */}
</div>

SarahElson

.card{
   /* Styles related to the card */
}

SarahElson

import styles from './HeroImage.module.css'


export default function HeroImage() {
 return (
   <div className={styles.half}>
       <img className={styles.image} src='https://www.lambdatest.com/resources/images/main/home_banner.webp' />
   </div>
 )
}

SarahElson

.half{
   width: 50%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: start;
   gap: 1.5rem;
}
.leading{
   font-size: 3rem;

SarahElson

import React from 'react'
import styles from './HeroText.module.css'
import Button from '../Button/Button'


export default function HeroText() {
 return (
   <div className={styles.half}>
       <h1 className={styles.leading}>Next-Generation Mobile Apps and Cross Browser Testing Cloud</h1>
       <div className={styles.buttoncontainer}>

SarahElson

.section{
   display: flex;
   flex-direction: row;
   min-height: 100vh;
   width: 100%;
   padding: 5rem;
}

SarahElson

import React from 'react'
import HeroImage from '../HeroImage/HeroImage'
import HeroText from '../HeroText/HeroText'
import styles from './HeroSection.module.css'


export default function HeroSection() {
 return (
   <section className={styles.section}>
           <HeroText />

SarahElson

.button{
   padding: 10px 20px;
   border: none;
   border-radius: 10px;
   margin: 0 10px;
}
.primary{
   composes:button;
   background: linear-gradient(91.88deg,#2c57f3 .88%,#a506d8 98.71%);
   color: white;